移动文件后，外部样式在角度2组件中停止加载

Question

我一直在使用angular.com上的“英雄之旅”教程，在完成之后，我认为我会重新编写文件夹，以便更符合我在真实环境中设置的方式。

我主要担心的是源文件夹是如何被编译的.js文件污染的，所以我将tsconfig更改为输出到dist文件夹。

{
  "compilerOptions":
  {
...
    "outDir": "./dist"
  }
}

我在修改systemjs config后加载了js，但我的模板没有加载，因为它们没有被复制到tsc的输出文件夹。

然后我将这些文件移动到新文件夹“view”中并相应地更改了代码。但是，只加载了html组件，所以演示失去了它的风格。

这是仪表板组件的定义方式;

@Component(
  {
    moduleId: module.id,
    selector: 'my-dashboard',
    templateUrl: '/view/dashboard.component.html',
    styleUrls: [ '/view/dashboard.component.css' ]
  }
)

css和html文件都存在于我的项目根目录下的/ view /文件夹中，但只加载了html部分。 没有为css文件发出http请求。