模块构建失败@content$ material-lightvuetify 2.3.10

如何解决模块构建失败@content$ material-lightvuetify 2.3.10

我正在从vuetify版本1.0.5升级到2.3.10。我已经删除了node-sass并根据文档使用了sass。我收到此错误，如下所示。我已经包含了我的package.json文件。知道我哪里错了吗？

./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./node_modules/vuetify/src/styles/main.sass
Module build Failed: 
    @content($material-light)
   ^
      Invalid CSS after "    @content": expected "}",was "($material-light); "
      in /Users/weather/ceolaw/node_modules/vuetify/src/styles/tools/_theme.sass (line 3,column 5)
 @ ./node_modules/vuetify/src/styles/main.sass 2:14-102
 @ ./node_modules/vuetify/es5/presets/default/index.js

package.json文件

{
  "name": "weather","private": true,"engines": {
    "node": "^10.0.0","yarn": "^1.21.1"
  },"dependencies": {
    "@rails/webpacker": "^3.2.0","@riophae/vue-treeselect": "^0.0.38","axios": "^0.17.1","babel-polyfill": "^6.26.0","coffee-loader": "^0.9.0","coffeescript": "1.12.7","es6-promise": "^4.2.2","pdfjs-dist": "2.0.550","sass": "^1.26.11","sass-loader": "^6.0.6","scroll-into-view-if-needed": "^2.2.14","urijs": "^1.19.1","vue": "^2.6.12","vue-ads-table-tree": "^2.3.2","vue-analytics": "^5.9.0","vue-moment": "^4.0.0-0","vue-quill-editor": "^3.0.6","vue-router": "^3.0.1","vue-spinner": "^1.0.3","vue-star-rating": "^1.6.0","vuetify": "^2.3.10","yarn": "^1.22.5"
  },"devDependencies": {
    "caniuse-lite": "^1.0.30000855","css-loader": "^0.28.11","jshint": "^2.9.5","jshint-loader": "^0.8.4","vue-loader": "^13.6.2","vue-template-compiler": "^2.6.12","webpack-dev-server": "^2.9.7"
  },"scripts": {
    "client": "./bin/webpack-dev-server","server": "bundle exec rails s","start": "./bin/webpack-dev-server"
  }
}

错误更新

yarn remove node-sass

yarn remove v1.21.1
[1/2] ?  Removing module node-sass...
error This module isn't specified in a package.json file.

解决方法

您的其他依赖项之一似乎与node-sass依赖。可能是@rails/webpacker，因为您使用的是非常旧的版本3.2.0（当前为5.2.1），并且它们切换为sass（dart-sass）recently

结果是您同时安装了两个软件包-sass和node-sass

从sass-loader的{{3}}（在构建Vue应用程序时由Webpack使用）看来，当两个软件包都安装时，它们比sass更喜欢node-sass，但同时警告不要同时安装两者。对我来说似乎很奇怪。该错误还表明，在您的情况下，sass-loader更喜欢node-sass。

您有2个选择：

将@rails/webpacker升级到使用sass的较新版本
配置sass-loader以使用docs中所述的sass