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

【问题标题】：What's correct file path in Angular2?Angular2中正确的文件路径是什么？
【发布时间】：2016-04-25 10:04:02
【问题描述】：

我有这样的文件结构：

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

我在 app.ts 中有 import 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

【问题讨论】：

不行，试过@ForOhFor

标签： html css angular

【解决方案1】：

是的，Angular2 目前只能识别正确的相对文件路径。为了安全起见，路径实际上应该从根目录开始，如下所示，我们再次从有效和不适用 Beta 版本的内容中设置指导方针，我相信这在未来一定会改变。但目前，对于 beta0，以下代码是引用组件补充文件的规范。

import {Component} from 'angular2/core';

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

查看其他大型示例也是如此，它们都使用这种模式。 A component inside a large Angular2 Sample

【讨论】：

【解决方案2】：

您好，我很高兴看到这个：

在视觉工作室 2015 中

打开横幅.ts
打开解决方案资源管理器并展开项目
找到css文件
右键单击css文件并拖动到banner.ts
您将在 banner.ts 顶部找到参考

希望对你有帮助

【讨论】：