uniapp踩坑-使用vue-cli框架对node版本有要求

最新推荐文章于 2024-06-27 20:02:13 发布

caixuanji

最新推荐文章于 2024-06-27 20:02:13 发布

阅读量6.9k

点赞数 2

分类专栏： App 前端文章标签：前端 uni-app npm

本文链接：https://blog.csdn.net/caixuanji/article/details/121267728

版权

前端同时被 2 个专栏收录

45 篇文章

订阅专栏

App

4 篇文章

订阅专栏

本文讲述了在开发uniapp过程中遇到的问题，即使用vue-cli创建的项目在不同node版本的电脑上运行时，由于node-sass版本不匹配导致的错误。作者通过测试发现，高版本node与某些node-sass版本不兼容。为了解决这个问题，作者提出了无需更改每台电脑node版本的解决方案，即使用`npm rebuild node-sass`命令来重建node-sass，成功解决了项目运行报错的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uniapp踩坑-使用vue-cli框架对node版本有要求

前言-背景

最近在开发uniapp，官方文档提供的开发方式有两种，一种是通过HBulider可视化界面创建，一种是通过vue-cli命令行创建，因为可视化更加方便，所以就使用了可视化创建方式，后续因项目需实现jenkins自动化构建，而使用可视化创建方式的话，只能是通过可视化界面的打包资源操作，如下图：
在这里插入图片描述
每次都需要前端开发人员进行手动打包，而jenkins的自动化构建的理念是通过命令行去操作，不需要人工进行打包，使用使用可视化界面进行创建项目的话就有问题了，需要使用通过vue-cli命令行的方式进行项目的创建，这样就能使用vue框架的打包命令了。
把项目转为vue-cli打包之后，项目打包方式为命令行打包，使用npm run build:app-plus命令进行打包。

问题暴露

使用vue-cli创建方式，运行项目报错，node-sass版本与当前系统的node版本不匹配
项目运行报错，启动不了。

亲测3台电脑
node版本：

第一台电脑 v16.x
第二台电脑 v14.x
第三台电脑 v12.x

使用vue-cli打包的项目，在第一台电脑上运行的时候报错，node版本过高，与node-sass版本不匹配，无法运行。
使用vue-cli打包的项目，在第二台电脑上运行不报错，版本匹配，项目成功运行。
使用vue-cli打包的项目，在第三台电脑上运行的时候报错，node版本过高，与node-sass版本不匹配，无法运行。