Angular CLI共享文件夹子文件夹

时间:2016-07-08 20:54:32

标签: angular systemjs angular-cli zonejs

角度2中的一个“共享”文件夹对服务/模型非常满意,所以我想将文件移动到共享文件夹的子文件夹中

我想从这个文件夹结构出发:

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文件移入和移出子文件夹,一旦将其移出子文件夹并返回到共享文件夹,它工作正常.. .everything加载/没有错误)

我还更新了'system-config.ts'文件以包含'app / shared / sub-folder'桶,并在'子文件夹'中添加了带有相应导出的index.ts

我如何(或可以)在共享文件夹中使用子文件夹?

1 个答案:

答案 0 :(得分:0)

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

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

这不会更改system-config.js中的任何配置文件。

根据您更改的文件夹和更改的配置。 您需要重新启动服务器,有时需要运行ng buld

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