问题描述
我正在从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