Html 什么';Angular2中的文件路径是否正确?

Html 什么';Angular2中的文件路径是否正确?,html,css,angular,Html,Css,Angular,我的文件结构如下: /root --/app ----app.ts --/components ----/banner ------banner.ts ------banner.css --index.html 我在app.ts中导入了banner.ts,如下所示 从“../components/Banner/Banner”导入{Banner} 在banner.ts中,我想获得banner.css文件,因此我写了以下内容: import {Component} from 'angular2/

我的文件结构如下:

/root
--/app
----app.ts
--/components
----/banner
------banner.ts
------banner.css
--index.html 
我在app.ts中导入了banner.ts,如下所示
从“../components/Banner/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']
我还尝试了
样式URL:['banner.css']
,失败了

根据我的理解,“/”表示在同一个目录中,但为什么会出现404错误


我正在使用最新的Angular2

是的,Angular2当前只能识别正确的相对文件路径。路径实际上应该从根开始,如下所示,以确保安全,我们再次从测试版的工作和不工作设置指导原则,我相信这在未来一定会改变。但目前,对于beta0,以下代码是引用组件补充文件的规范

import {Component} from 'angular2/core';

@Component({
  selector: 'banner',
  templateUrl: './app/components/banner/banner.html',
  styleUrls: ['./app/components/banner/banner.css']
})
检查其他大型示例,它们都使用此模式。

是,Angular2当前只能识别正确的相对文件路径。路径实际上应该从根开始,如下所示,以确保安全,我们再次从测试版的工作和不工作设置指导原则,我相信这在未来一定会改变。但目前,对于beta0,以下代码是引用组件补充文件的规范

import {Component} from 'angular2/core';

@Component({
  selector: 'banner',
  templateUrl: './app/components/banner/banner.html',
  styleUrls: ['./app/components/banner/banner.css']
})
检查其他大型示例,它们都使用此模式。
嗨,我很高兴看到这一点:

在visual studio 2015中

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

  • 希望能有所帮助

    嗨,我很高兴看到这一点:

    在visual studio 2015中

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

  • 希望对你有所帮助

    不起作用,试过@ForOhForNot起作用,试过@ForOhFor