Angular2中正确的文件路径是什么？

Question

我有一个像这样的文件结构：

/root
--/app
----app.ts
--/components
----/banner
------banner.ts
------banner.css
--index.html 

我在app.ts中导入了banner.ts，例如import {Banner} from '../components/banner/banner';

在banner.ts中，我想获取banner.css文件，所以我这样写：

import {Component} from 'angular2/core';

@Component({
  selector: 'banner',
  templateUrl: '../components/banner/banner.html',
  styleUrls: ['../components/banner/banner.css']
})

这有效，但是当我更改为它时，它失败了：

 styleUrls: ['./banner.css']

我也尝试styleUrls: ['banner.css'] ，失败了

根据我的理解，“ ./”在同一目录中，但是为什么会出现404错误？

我正在使用最新的Angular2

Answer 1

是的，Angular2当前只能识别正确的相对文件路径。 为了安全起见，Path实际上应该从如下所示的根开始。再次，我们根据正在使用的准则来设置准则，而不是在beta版本中起作用，我相信这肯定会在将来发生变化。 但就目前而言，对于beta0，以下代码是引用组件补充文件的规范。

import {Component} from 'angular2/core';

@Component({
  selector: 'banner',
  templateUrl: './app/components/banner/banner.html',
  styleUrls: ['./app/components/banner/banner.css']
})

以及其他大型示例，它们都使用此模式。 大型Angular2样本中的组件

Answer 2

嗨，我很高兴看到这个：

在Visual Studio 2015中

1. 打开banner.ts
2. 打开解决方案资源管理器并扩展项目
3. 找到css文件
4. 右键单击css文件，然后拖动到banner.ts
5. 您会在banner.ts顶部找到参考

希望能帮助到你