1、卸载老版本的node-sass,如果是刚拉取下来的项目install报错,可以手动去package.json中的移除node-sass依赖再install,install成功后来到步骤2、
npm uninstall node-sass
2、安装新版,如果安装不上可以尝试将npm换cnpm进行安装
npm i -D sass
3、这时候应该能解决大部分人的问题
npm run dev 启动!
启动后如果出现Error: SassError: expected selector错误,也不要慌张,继续往下看。
//出现以下提示
/deep/.el-form-item__content{
^
由于sass版本更新后可能与之前的版本用法有所不同,在scss中使用/deep/会报loader错误,这时可以使用::v-deep来代替,可以使用编辑器的进行一键替换,以vscode为例:
准备工作完成!
npm run dev 启动!!!
因为 sass 新版本弃用了“/”的用法,项目启动可能会报**Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.**警告,强迫症患者表示难受
解决方法:
在项目目录下依次执行
npm install -g sass-migrator
cd node_modules
sass-migrator division **/*.scss
e_modules
sass-migrator division **/*.scss
完美解决!npm run dev 起飞~