sass 在vue2.0使用报错

1,  npm i node-sass --save-dev2,  npm install sass-loader@7.3.1 --save-dev不要使用一条命令npm i --save-dev node-sass sass-loader因为最新安装的sass-loader是8.0,会报错!

报错:
 13% building modules 30/78 modules 48 active ...strator\Desktop\l\app-men\src\App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.
 23% building modules 114/124 modules 10 active ...\l\app-men\src\pages\layout\index.vue(node:12660) UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received undefined
    at validateString (internal/validators.js:117:11)
    at Object.join (path.js:375:7)
    at getSassOptions (C:\Users\Administrator\Desktop\l\app-men\node_modules\_sass-loader@10.1.1@sass-loader\dist\utils.js:166:37)
    at Object.loader (C:\Users\Administrator\Desktop\l\app-men\node_modules\_sass-loader@10.1.1@sass-loader\dist\index.js:43:55)
    at LOADER_EXECUTION (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
    at runSyncOrAsync (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
    at iterateNormalLoaders (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at iterateNormalLoaders (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at Object.context.callback (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at Object.module.exports (C:\Users\Administrator\Desktop\l\app-men\node_modules\vue-loader\lib\selector.js:21:8)
    at LOADER_EXECUTION (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:119:14)
    at runSyncOrAsync (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:120:4)
    at iterateNormalLoaders (C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at C:\Users\Administrator\Desktop\l\app-men\node_modules\loader-runner\lib\LoaderRunner.js:205:4
    at C:\Users\Administrator\Desktop\l\app-men\node_modules\enhanced-resolve\lib\CachedInputFileSystem.js:70:14
(node:12660) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 2)
(node:12660) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.
 43% building modules 282/283 modules 1 active ...\l\app-men\src\pages\layout\index.vue终止批处理操作吗(Y/N)? y
解决办法:
npm install sass-loader@7.3.1 --save-dev



Module build failed: Error: Node Sass version 5.0.0 is incompatible with ^4.0.0.
    at getRenderFuncFromSassImpl (C:\Users\Administrator\Desktop\l\app-men\node_modules\sass-loader\dist\index.js:165:13)
    at Object.loader (C:\Users\Administrator\Desktop\l\app-men\node_modules\sass-loader\dist\index.js:79:18)

 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-5e259c9e","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/pages/layout/index.vue 4:14-382 13:3-17:5 14:22-390
 @ ./src/pages/layout/index.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js
 
解决方法:
1、npm uninstall node-sass
2、npm install node-sass@4.14.1





作者:dayup666
链接:https://juejin.cn/post/6844903954409603085
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值