老项目无法启动报node-sass相关错误解决方案

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 起飞~
  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
【用于解决 failed Error: not found: python2 node-sass错信息如下: ``` npm WARN prefer global [email protected] should be installed with -g > node-sass@4.5.2 install E:\workspace_vscode\ww\node_modules\node-sass > node scripts/install.js Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5 .2/win32-x64-48_binding.node Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.2/win3 2-x64-48_binding.node": connect ETIMEDOUT 54.231.72.83:443 Timed out whilst downloading the prebuilt binary Hint: If github.com is not accessible in your location try setting a proxy via HTTP_PROXY, e.g. export HTTP_PROXY=http://example.com:1234 or configure npm proxy via npm config set proxy http://example.com:8080 > node-sass@4.5.2 postinstall E:\workspace_vscode\ww\node_modules\node-sass > node scripts/build.js gyp verb check python checking for Python executable "python2" in the PATH gyp verb `which` failed Error: not found: python2 gyp verb `which` failed at getNotFoundError ``` 这个问题有两个解决方案 1. 按照提示需要 python2 环境,安装python2环境确实可以解决, 网上好多这种(管理员身份执行)。但是当你本来就有python环境时,环境变量不能自动替换,整起来就很麻烦。 ``` npm install --global --production windows-build-tools ``` 2. 第二种解决方案 ,看另一句错,资源被墙。 ``` Downloading binary from https://github.com/sass/node-sass/releases/download/v4.5.2/win32-x64-48_binding.node Cannot download "https://github.com/sass/node-sass/releases/download/v4.5.2/win32-x64-48_binding.node": ``` 下载此资源即可。下载后需要设置变量路径,防止它再次去下载。 可以设置环境变量 直接右键我的电脑--》属性--》高级系统设置--》环境变量--》添加 或者执行 ``` set SASS_BINARY_PATH=D:\nodejs\tools\node-sass\win32-x64-46_binding.node ``` 再次执行 npm install 成功

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值