Angular 2 节点波旁错误

Posted 2023-02-21

【中文标题】Angular 2 节点波旁错误

【英文标题】：Angular 2 Node Bourbon Error

【发布时间】：2018-06-26 04:48:53

【问题描述】：

ERROR in ./node_modules/css-loader?
"sourceMap":false,"importLoaders":1!./node_modules/postcss-
loader/lib?"ident":"postcss","sourceMap":false!./node_modules/sass-
loader/lib/loader.js?"sourceMap":false,"precision":8,"includePaths":
[]!./src/styles.scss
Module build failed: 
var path = require('path');
^
  Invalid CSS after "v": expected 1 selector or at-rule, was "var path 
  = require("
     in 
  /home/dada/AngularProjects/playground2/node_modules/bourbon/index.js 
(line 1, column 1)

您好...我正在尝试在我的 Angular 2 项目中使用波旁威士忌，但是当我安装包并尝试在我的 sass 文件中导入波旁威士忌时，我收到以下错误？有什么想法吗？！

【参考方案1】：

当我有一个通过 import 语句引用 Burbon 的节点模块时，我遇到了同样的问题。事实证明，sass-loader 的第 7 版有一个特性，它不会在同名 javascript 文件上选择 sass 文件。

问题链接：

https://github.com/webpack-contrib/sass-loader/issues/556 https://github.com/angular/angular-cli/issues/10535

这个问题有两种不同的解决方法。 首先你可以为你的 import 语句添加扩展，虽然我没有亲自测试过这种方法。

@import ‘./cool-sass-file’ becomes @import ‘./cool-sass-file.scss’

我验证的第二条路线是将 sass-loader 回滚到版本 6.0.7

npm install sass-loader@6.0.7

相关问题 I am not able to use node-bourbon in the project