./node_modules/css-loader 中的错误？答案

【问题标题】：ERROR in ./node_modules/css-loader?./node_modules/css-loader 中的错误？
【发布时间】：2018-03-07 05:43:50
【问题描述】：

我试图在 Windows 10 中运行一个 Angular 项目。这与我在 Ubuntu 中执行的项目相同。当我克隆存储库并安装所有节点包时，我遇到了这个错误。

错误 ./node_modules/css-loader?{"sourceMap":false,"importLoaders":1}!./node_modules/postcss-loader?{"ident":"postcss"}!./node_modules/sass-loader/lib/ loader.js?{"sourceMap":false,"precision":8,"includePaths":[]}!./src/scss/style.scss 模块构建失败：错误：ENOENT：没有这样的文件或目录，scandir 'C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\vendor' 在 Object.fs.readdirSync (fs.js:911:18) 在 Object.getInstalledBinaries (C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\extensions.js:124:13) 在 foundBinariesList (C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\errors.js:20:15) 在 foundBinaries (C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\errors.js:15:5) 在 Object.module.exports.missingBinary (C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\errors.js:45:5) 在 module.exports (C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\binding.js:15:30) 在对象。（C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\node-sass\lib\index.js:14:35）在 Module._compile (module.js:624:30) 在 Object.Module._extensions..js (module.js:635:10) 在 Module.load (module.js:545:32) 在 tryModuleLoad (module.js:508:12) 在 Function.Module._load (module.js:500:3) 在 Module.require (module.js:568:17) 在要求（内部/module.js:11:18）在对象。（C:\Users\Jaaayz\Documents\ad-fingerprinting\web\node_modules\sass-loader\lib\loader.js:3:14）在 Module._compile (module.js:624:30) @ ./src/scss/style.scss 4:14-195 @ multi ./src/scss/style.scss

我尝试了谷歌搜索并做了所有的事情，但没有找到任何解决方案。

节点 -v 8.5.0

Angular CLI 1.4.3 版

感谢有人帮忙。提前致谢。

【问题讨论】：

你在用 sass 吗？
是的，我正在使用材料 sass
更新节点到最新版本！

标签： node.js angular npm

【解决方案1】：

在您的 package.json 中添加以下代码：

"devDependencies": {
  "sass": "^1.49.0"
}

【讨论】：

【解决方案2】：

我都试过了

npm rebuild node-sass

和

npm install --save node-sass

后来看到EACCESS，我检查了/node_modules的文件夹权限，不是777权限

然后我给了

chmod -R 777 *

-R 用于递归（不在目录中设置相同的权限，在嵌套的子目录中设置相同的权限）

什么是文件权限

要检查您可以使用的权限

ls -l

如果你不知道，先看这里，然后检查url

每个文件和目录都有'rwx'权限（读、写、执行）。如果没有'x'权限，则不能执行，如果没有'w'，则不能写入文件。如果缺少某些内容，它将用“-”代替 r/w/x。因此，如果没有“x”权限，它将显示为“rw-”

并且会有 3 类用户 Owner（创建文件/目录的人）、Group（共享相同权限和用户特权的一些人）、Others（普通公众）

所以第一个字母是'd'（如果是目录）或'-'（如果不是目录），后面是rwx代表所有者，后面是组，后面是其他

drwxrwxrwx

例如，对于'node_modules'目录，我想给所有者所有权限，其余的只能读取，那么它将是

drwxr--r--

关于数字假设'r/w/x'是1，'-'是0，777，前7是所有者，其次是组，其次是其他

假设权限是rwxr-xrw-

现在 'rwx' 和 '111' 一样，它的等效小数是 12^2+12^1+1*2^0=7

现在 'r-x' 就像 '101' 并且它的等效小数是 12^2+02^1+1*2^0=5

现在 'rw-' 就像 '110' 并且它的等效小数是 12^2+12^1+0*2^0=6

所以，应该是 756

【讨论】：

最好解释一下，然后添加一个指向不同站点的链接（稍后可能会删除，因此如果这个答案得到更多的支持，就没有用了）
明白了

【解决方案3】：

要明确 node-sass 已弃用，必须卸载，然后必须安装新版本的 sass。

执行以下操作：

1st) 尝试使用此命令卸载它

npm uninstall node-sass

然后第二次）尝试安装 sass

npm install --save-dev sass

当我在使用 create react app 在项目上安装 sass 时遇到问题时，这对我有用

【讨论】：

【解决方案4】：

根据您的错误消息重新安装带有版本的 node-sass

npm install node-sass@v4

【讨论】：

【解决方案5】：

试试这个

npm install node-sass

然后

npm run start

【讨论】：

@FadiAboMsalam 它也对我有用。您能否向我们解释一下答案。
圣西斯。在不久前我放弃的一个 Vue 项目给我带来了大量错误之后，我正处于放弃的边缘！这只是救了我。自动投票
这对我来说失败了，但我再次运行 npm install，它开始工作了！
谁能提供一个关于 npm 基础知识的 YouTube 链接？我从哪里开始？
@Moojjoo 签出这个有用的youtube.com/watch?v=2V1UUhBJ62Y

【解决方案6】：

第 1 步： 转到/node_modules/node-sass 文件夹

第 2 步： 运行yarn install 或npm install

如果它抱怨版本不兼容，尝试安装较旧的 node-sass 版本

然后重复第 1 步、第 2 步

或者你可以在 package.json 中添加这个脚本

"postinstall": "node ./node_modules/node-sass/scripts/install.js"

【讨论】：

【解决方案7】：

我也面临同样的问题，但我解决了。

npm install node-sass

以上命令对我有用。根据您的 synario，您可以使用 blow 命令。

试试 1

 npm install node-sass

试试 2

删除node_modules 文件夹并运行：

npm install

试试 3

npm rebuild node-sass

试试 4

npm install --save node-sass

对于您的参考，您可以通过这个github link

【讨论】：

【解决方案8】：

运行这个命令：

npm install --save node-sass

这与上面的相同。与上面的答案类似。

【讨论】：

【解决方案9】：

我的情况：

package.json 中缺少 node-sass

解决方案：

npm i --save node-sass@latest
删除节点模块文件夹
npm 我
检查“@angular-devkit/build-angular”：“^0.901.0” package.json 中的版本

【讨论】：

【解决方案10】：

尝试运行

npm i node-sass@latest

【讨论】：

这与其他答案有何不同？
这个问题已经有将近 2 年的历史了，答案已被接受，并且提供的答案被标记为低质量帖子以供审核。以下是How do I write a good answer? 的一些指南。提供的这个答案可能是正确的，但它可以从解释中受益。仅代码答案不被视为“好”答案。来自review。

【解决方案11】：

你必须更新你的 node.js 和 angular/cli。如果你更新这两个东西，那么你的项目有 angular.json 文件而不是 angular-cli.json 文件。然后将 css 文件添加到 angular.json 文件中。如果您将 css 文件添加到 angular-cli.json 文件而不是 angular.json 文件中，然后发生错误。

【讨论】：

【解决方案12】：

Laravel Mix 4 从 node-sass 切换到 dart-sass（它可能无法按您的预期编译，或者您必须一一处理问题）

或

npm install node-sass


mix.sass('resources/sass/app.sass', 'public/css', {
implementation: require('node-sass')
});

https://laravel-mix.com/docs/4.0/upgrade

【讨论】：