import - Angular2 - 导入桶在运行时导致 404

标签 import typescript angular

我正在尝试实现此链接中描述的导入桶结构(您可能需要向下滚动一点):

https://angular.io/docs/ts/latest/guide/style-guide.html#!#application-structure

我面临的问题是我正在创建和引用的 index.ts 文件像

import {...} from './shared/services';

在运行时未找到并抛出 404。如果我引用像

这样的模块
import {...} from './shared/services/index';

它工作正常。问题只出现在运行时,typescript 不会报错并编译成功。我在 plunker 中复制了这个问题:

https://plnkr.co/edit/ClE76zuihFTETLDGehnd?p=preview

您可以在控制台中看到错误。

预先感谢您的帮助!

最佳答案

我终于找到了一些东西:https://www.reddit.com/r/Angular2/comments/4i2d9x/support_problem_with_barrels/

看来,这对于 SystemJS 来说并不容易,因为它无法处理桶文件。

要解决这个问题,您可以像使用 [...]/index 那样添加每个文件,或者您可以将它们作为一个包添加到 SystemJS

关于import - Angular2 - 导入桶在运行时导致 404,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37184073/

相关文章:

mysql - 将 MySQL 转储导入特定表空间

database - 如何过滤和计算typeorm中的关系项?

通过组件代码进行Angular2 Material 控制

javascript - 将类型转换为不同类型时出现 typescript 错误

Angular Material 排序表 - 如何将标题文本右对齐?

date - Angular 2 "time ago"管道

python - 如何解决无限循环导入?

reactjs - 如何导入在 webpack 中创建的包?

database - 从 Oracle 转储文件重新导入特定表

angular - 如何清除焦点 Angular 占位符