.net core angular 2 css not found

Question

我正在使用 ASP.NET Core 模板包（Angular 2、Net core、webpack）(plugin website)

现在我需要使用一个不在 mycomponents 文件夹中的 css 文件。

我的文件夹结构：

screenshot

组件

import { Component } from '@angular/core';

@Component({
    selector: 'app',
    template: require('./app.component.html'),
    styles: [require('./mystyle.css')]
 
})
export class AppComponent {
}

然后我运行了命令：

webpack --config webpack.config.vendor.js

我仍然得到错误

调用节点模块失败并出现错误：预渲染因错误而失败：错误：找不到模块“./mystyle.css”

有人可以帮我吗？

谢谢

Answer 1

您的 css 文件位于不同的文件夹中。

自定义 CSS 的路径应该是 [require('../../../assets/css/mystyle.css')]

请注意，默认情况下已经为app.component创建了css文件。