类似于@KostDM所说的，在我的情况下，似乎sass-loader@11.0.0不能与vue@2.6.12一起工作。

我安装了sass-loader@10.1.1，它又像一个魅力。

在你的package.json中:

"sass-loader": "^10",

跑纱拆纱机

然后安装了专门的10版作为yarn添加sass-loader@10。 这完全解决了“vue”中的问题:“~2.6.12”，

命令yarn add sass-loader安装版本11，这恰好与Webpack版本4及以下不兼容。当前Vue CLI V4使用Webpack V4。

你必须等到Vue CLI V5(将使用Webpack 5)发布(目前处于Beta)才能使用sass-loader v12。 或者，您可以更新到Webpack 5，但一定要阅读CHANGELOG。

样式加载器v3也放弃了对Webpack 4的支持。

你的包。Json条目应该是这样的:

:“style-loader ^ 2.0.0”

当使用Webpack版本4时，Vue CLI 4中的默认值。你需要确保你的加载器与它兼容。否则，您将得到关于相互冲突的对等依赖关系的错误。在这种情况下，您可以使用与Webpack 4兼容的旧版本的加载器。

# Sass
npm install -D sass-loader@^10 sass

还是不行?

删除文件夹“node_modules”

npm install

知道更多

如果依赖包的版本与你的包中的版本不同，NPM会将依赖包下载到模块内部的模块中。但有时它会下载最新版本或依赖包(我不知道为什么)到一个模块…

例如，你可以使用sass-loader: 2。X在你的包里。一个模块XXXX，在它的依赖包中也有sass-loader: *(你可以在包中检查它。json)。

NPM将下载sass-loader 2。X为你，和sass-loader: 3。X表示XXXX包—您将得到一个错误。

一个快速的修复方法是从XXXX/node_modules中删除额外的包。 您还可以检查XXXX模块使用的包版本，并尝试在项目中使用相同的版本。

在我的例子中font-awesome-sass-loader@2.0.1与project.json:

  "dependencies": {
    "css-loader": "*",
    "sass-loader": "*",
    "style-loader": "*"
  },

下载的sass-loader: 3.0.0。

而npm根据项目下载了sass-loader: 2.0.0。Json在我的项目:

:“style-loader 2.0.0”

我删除了node_modules/font-awesome-sass-loader/node_modules/，它修复了这个问题。