javascript - 找不到模块 : Error: Can't resolve 'X\node_modules\ng-zorro-antd\src\ng-zorro-antd.less'

Question

我使用 Angular 6.0.1 。当我需要使用ng-zorro-antd时它向我显示了这个错误:

ERROR in multi ../node_modules/ng-zorro-antd/src/ng-zorro-antd.less ./src/styles.css Module not found: Error: Can't resolve 'E:\AngularTraning\node_modules\ng-zorro-antd\src\ng-zorro-antd.less' in 'E:\AngularTraning\Authorize'

我安装ng-zorro-antd使用此命令:npm install ng-zorro-antd --save

并导入:

   BrowserModule,
FormsModule,
HttpClientModule,
BrowserAnimationsModule,
NgZorroAntdModule.forRoot()

添加ng-zorro-antd.less在angular.json :

"styles": [
          "../node_modules/ng-zorro-antd/src/ng-zorro-antd.less",
          "src/styles.css"
        ],

有什么问题吗？怎么解决这个问题？

Answer 1

编辑:

你的路径似乎错误。将 .. 替换为 ./

原始答案:

首先，您的 Angular 项目是在 SASS/SCSS 还是更少上运行？您不能在同一个项目中同时使用两个预处理器。您的 Angular 项目很可能使用 Sassy CSS (SCSS) 预处理器。

解决方案 1:将其替换为 .min.css

"./node_modules/ng-zorro-antd/ng-zorro-antd.min.css"

解决方案 2:将该行替换为 {"input": }

如果这必须起作用，您必须确保您的项目使用 LESS 预处理器而不是 SCSS

{"input": "../node_modules/ng-zorro-antd/src/ng-zorro-antd.less"}