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
sass 在vue2.0使用报错
最新推荐文章于 2023-02-15 12:18:21 发布