Angular CLI 共享文件夹子文件夹

Question

angular 2 中的一个 'shared' 文件夹已满 services/models，所以我想将文件移动到共享文件夹的子文件夹中

我想从这个文件夹结构开始：

app
 - shared
   - test.service.ts

到

app
 - shared
   -sub-folder
     -test.service.ts

当我这样做时，应用程序进行了转换并且 CLI 创建了一个构建，但在浏览器中出现错误：

http://localhost:4200/app/shared/test.service.js 404 (Not Found).......zone.js:101

                                 ^- notice the location is not resolved correctly

以上文件位置丢失/子文件夹/

我已正确完成所有导入（我已将 test.service.ts 文件移入和移出子文件夹，一旦它移出子文件夹并返回共享文件夹，它就可以正常工作...所有 loads/no 个错误）

我还更新了 'system-config.ts' 文件以包含 'app/shared/sub-folder' 桶，并在 'sub-folder'

中添加了带有适当导出的 index.ts

我如何（或我可以）使用共享文件夹中的子文件夹？

Answer 1

如果你有 src/app/shared/sub-folder/test.service.ts

import {TestService} from './shared/sub-folder/test.service';

无需更改 system-config.js 中的任何配置文件即可工作。

取决于您更改的文件夹和更改的配置。您需要重新启动服务器，有时您需要运行 ng buld.

如果问题仍然存在，请尝试重新安装 angular-cli。

Angular CLI 共享文件夹子文件夹

Angular CLI shared folder sub-folders

systemjs

zonejs

angular-cli

angular