样式URL在Angular 2.4中不起作用

样式URL在Angular 2.4中不起作用,angular,Angular,我使用的是Angular 2.4,我在index.html文件中链接了一些CSS文件,但它们是我不希望它们设置样式的区域,所以我决定将它们与styleUrls链接,以便它们只应用于特定组件。完成此操作后,我的样式不再应用于任何地方。我试着用样式URL将它们链接成几种不同的方式,但都没能成功 以下是我正在使用的文件及其位置: app/Dashboard/calendar.component.ts app/Dashboard/calendar.component.html app/Dashboar

我使用的是Angular 2.4,我在index.html文件中链接了一些CSS文件,但它们是我不希望它们设置样式的区域,所以我决定将它们与
styleUrls
链接,以便它们只应用于特定组件。完成此操作后,我的样式不再应用于任何地方。我试着用
样式URL
将它们链接成几种不同的方式,但都没能成功

以下是我正在使用的文件及其位置:

  • app/Dashboard/calendar.component.ts
  • app/Dashboard/calendar.component.html
  • app/Dashboard/omega.theme.css
  • app/Dashboard/primeng.min.css
这是我的代码:

calendar.component.ts:

@Component({
    moduleId: module.id,
    selector: 'calendar',
    templateUrl: 'calendar.component.html',
    styleUrls: ['omega.theme.css', 'primeng.min.css']
})
export class CalendarComponent implements OnInit, OnDestroy {
    ...
}
如您所见,我希望omega.theme.css和primeng.min.css仅应用于我的calendar.component.html文件,但我的代码不起作用。我做错了什么?

将Url修改为

 styleUrls: ['./omega.theme.css', './primeng.min.css']
将Url修改为

 styleUrls: ['./omega.theme.css', './primeng.min.css']

这似乎也不起作用。我所期待的和以前得到的款式仍然不存在。如果它们链接正确,我在Chrome inspector工具中找到“源”,然后在app/Dashboard/中查看,我不应该看到那里列出的那些文件吗?我找不到它们。正在升级404?你在应用程序/仪表板中看到了什么?只有module.js、service.js和component.js文件这似乎也不起作用。我所期待的和以前得到的款式仍然不存在。如果它们链接正确,我在Chrome inspector工具中找到“源”,然后在app/Dashboard/中查看,我不应该看到那里列出的那些文件吗?我找不到它们。正在升级404吗?你在应用程序/仪表板中看到了什么?只有module.js、service.js和component.js文件