vue2.6使用node-sass，更新node-v16.13.1版本后，项目运行不了解决办法

最新推荐文章于 2024-05-24 13:38:01 发布
最新推荐文章于 2024-05-24 13:38:01 发布
阅读量1.4k 收藏 3
点赞数
文章标签： sass 前端 npm vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AngkorWhat/article/details/121956098
版权

错误场景重现

  1. npm run serve运行项目出现如下错误：当前环境不支持node-sass(由于更新了node到最新版本)
    在这里插入图片描述
  2. 即使重新npm install i所有依赖，再次运行项目，还是会出现如下错误：
    在这里插入图片描述

解决方法

  1. 卸载node-sass npm uninstall node-sass
  2. 安装sass npm i -D sass

重新启动项目，就可以跑起来了！！！

AngkorWhat
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解在vue-cli项目中安装node-sass
12-01
1，使用save会在package.json中自动添加。 npm install node-sass --save npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，...
使用VUE2搭建完整项目,从安装node.js到编写项目
tyjlearning的博客
03-09 1158
一、前期工作准备 1.安装node,官网https://nodejs.org/en/,安装完毕后,使用cmd 命令 node -v，如果成功会出现版本号,如v0.10.11 2.配置npm的全局模块的存放路径以及cache的路径：在nodejs文件夹中创建两个文件夹，”node_global”及”node_cache 3.打开cmd.输入如下命令 npm config set prefix...
vue路由与nodeJS环境搭建
weixin_73471776的博客
09-21 452
6、在解压的项目中是没有node_modules的，在工程的根目录下需要通过npm install进行再次依赖下载（package.json）NODE_HOME:配置的是nodeJS解压的根路径D:\software\node-v10.15.3-win-x64。1、下载nodeJS的安装包,下载地址：https://nodejs.org/zh-cn/download/2、解压nodeJS的解压包，在根目录下新增两个文件夹node_global和node_cache。
node-sass 版本对应的node版本以及 支持的sass-loader版本
weixin_47908090的博客
04-18 3253
node-sass sass-loader node
使用node16 后搭建vue3又运行vue2+node12环境下搭建的老项目npm install遇到的报错问题
weixin_43048128的博客
10-26 1935
使用node16 后运行vue2+node12环境下搭建的老项目npm install遇到的报错问题 ————这是一个用完vue3 开箱框架又跑去用vue2 开箱的新手
vue2.6 和 2.7对可选链的不同支持导致构建失败
皮蛋很白的博客
10-12 1146
已知 node14 之后就支持可选链了，我和同事用的是 node14和node16，所以和node版本也没关系。有两个vue2项目，构建配置和依赖基本上都一样，但一个可以在 template 模板中使用可选链(已知 vue2.7 是支持可选链的，所以我怀疑是这个原因导致产生了现在的区别。已知 vue2.6 不支持可选链，但可以通过 babel 编译：需要安装。但是报错的那个项目，在另一个同事那又不报错。发现，其中支持可选链的项目中。，再次运行，项目也支持可选链了。了，而另一个不支持的项目中。
Vue 安装及入门
weixin_42914989的博客
02-21 1179
Vue 安装及入门 01、前端开发模式发展 静态页面(html) 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务的到客户端单向流通。开发人员也只关心页面的样式和内容即可。 异步刷新(Ajax) 1995年，网景工程师Brendan Eich花了10天时间设计了JavaScript语言. 随着JavaScript的诞生，我们可以操作页面的DOM元素及样式，页面有了一些动态的效果，但是依然是以静态为主。 Ajax盛行：2005年开始，ajax逐渐被前端开发人员所重视
解决node-sass偶尔安装失败的方法小结
10-17
主要介绍了解决node-sass偶尔安装失败的方法小结，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
window环境下npm install node-sass报错的解决方法
01-10
最近准备想用vue-cli初始化一个项目，需要sass-loader编译； 发现window下npm install node-sass和sass-loader一直报错， window 命令行中提示我全局安装 node-gyp ,有些提示好像是本地找不到python, 于是我按照提示...
node_modules.7z "node-sass": "^4.13.1",
03-29
解决 node-sass 报错安装失败的bug 这个直接下载好的可以拿到项目中直接替换node_modules包然后在下载其他组件 npm i 看到了就是缘分可以看 https://blog.csdn.net/weixin_43365995/article/details/105182974 博客...
vue必备软件node-v14.16.0-x64.rar
05-12
vue必备软件node-v14.16.0-x64.rar 安装vue脚手架必备软件，基础软件
Vue路由及Node.js环境搭建
m0_74915426的博客
09-21 1246
Vue路由是指使用Vue Router插件来管理前端应用程序的导航和页面路由的过 程。它允许你在单页面应用程序（SPA）中定义不同的路由路径，并将每个路径映射到相应的组件。通过使用Vue路由，你可以根据URL的变化加载不同的组件或视图，并且可以通过导航链接（例如点击导航菜单或按钮）在不同的页面之间进行切换。Vue路由的核心目标是提供良好的用户体验，使用户能够在应用程序中自由导航和浏览内容，而不需要每次都重新加载整个页面。
nodejs安装与配置，vue框架安装
weixin_47339756的博客
06-24 1430
nodejs安装与配置，vue框架安装。由于经常重装电脑，所以记录下来。
Vue笔记
weixin_45650741的博客
10-13 693
1.查看package-lock.json, 用yarn就是yarn.lock的@types/node2.看看package.json里面有没有engines字段，里面一般有对node版本的要求，如。
node-sass报错,执行 `npm rebuild node-sasss`重新构建
qq_42372534的博客
03-16 242
node-sass报错,执行。
怎么查看当前vue项目，要求的node.js版本
热门推荐
还在活水泥的未来包工头
11-06 1万+
在上面的示例中，engines 属性指定了 Node.js 的最低版本为 12.0.0。这意味着，如果你想在该项目中运行 Vue CLI，你需要使用 Node.js 版本 12.0.0 或更高版本。要查看当前 Vue 项目所需的 Node.js 版本，你可以查看项目根目录下的 package.json 文件中的 engines 属性。如果你的 Node.js 版本低于项目所需版本，你需要升级 Node.js。你可以访问 Node.js 官方网站下载最新版本的 Node.js，并按照官方指南进行安装。
升级node版本后vue2的项目node-sass、sass-loader安装报错（14.x升级到16.x）
qiansitong的博客
08-07 1632
node-sass sass-loader
vue node-sass 和 node版本冲突解
最新发布
m0_72642319的博客
05-24 287
在Vue项目中，经常遇到node-sass与Node.js版本冲突的问题，本文通过几中方法解决该问题
sass、sass-loader Node16.13.1版本安装
l963937050的博客
01-04 2746
NodeJS、node-sass、sass-loader版本对照安装总结
vue项目安装node-SASS加载器
07-28
要在Vue项目中安装node-sass加载器，可以按照以下步骤进行操作： 1. 首先，确保你已经在项目中安装了Node.js和npm。你可以通过在终端中运行以下命令来检查其版本： ``` node -v npm -v ``` 2. 在Vue项目的根目录下，打开终端并运行以下命令来安装node-sass和sass-loader： ``` npm install node-sass sass-loader --save-dev ``` 3. 安装完成后，打开项目的 `vue.config.js` 文件（如果没有，请创建一个），并添加以下代码： ```javascript module.exports = { css: { loaderOptions: { sass: { implementation: require('node-sass'), }, }, }, }; ``` 4. 保存文件并重新启动Vue项目。 现在，你的Vue项目应该能够正常加载和使用node-sass加载器了。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值