VUE : npm run dev 出现样式报错 Sysntax Error : ..\..\node_module\node-sass\v4.13.1:1

   引言 _{: 如想重装  node.js 、vue 开发环境 , 可参考 VUE 开发环境搭建步骤}   https://www.cnblogs.com/651434092qq/p/11090737.html

 

环境： 

 node :  v12.16.3；

npm ： v6.14.5；

依赖仓库： （公司内部仓库）

 

在项目npm install 执行成功之后，Terminal  提示 n 个 类似的 样式报错，

error in ./xxx.vue?vue&type=style&index=0&id=0851e658&scoped =true&lang=scss  

Syntax Error :  C:\..\node_modules\node-sass\v4.13.1:1

SyntaxError :  Invalid or unexpected token

at compileFunction(<anonymous>)

 

 

 

 

 

 

出现以上问题后，不要慌， 如果你尝试 删除掉 项目里下载好的依赖 再重装，你会发现还是会出现同样的问题，如果更极端一点 ，卸载掉  node  npm  、vue脚手架 重新安装，同样的报错阴魂不散，此时

你需要做的是冷静下来  看error log,,在这里你足以知道  node-sass 版本 出了问题，导致 npm run dev  后 出现样式报错，

 

 

所以 你需要进行一下几步操作：

 

1.卸载 sass-loader  与 node-sass:

指令：

npm uninstall sass-loader   ，npm uninstall node-sass

 

2.清除 node-module 缓存：

指令：

npm cache clean --force ：清除缓存

（ 或者：删除掉   在C:\用户\AppData\Roaming下，  

手动删掉   npm与npm-cache ）

3.安装同 package.json 相匹配的版本  :

npm install sass sass-loader --save-dev ； 

npm install sass node-sass@4.13.1 --save-dev ；

 

 

4.  在 Terminal 执行 ：npm run dev：

    你会发现页面终于跑通了