Vue项目常见问题处理
开发环境推荐使用node 14版本，可以尽可能的减少版本兼容导致的问题。
安装依赖包报错
大部分安装依赖包错误是编译环境不完整引起的（例如：gyp相关错误），请确保编译环境安装完整（以管理员身份运行cmd）：
npm install --global --production --verbose windows-build-tools
npm install -g node-gyp
打包、运行报错
node版本与node-saas版本不匹配
大多数的“Failed to resolve loader: cache-loader”错误的原因是node、node-saas、saas-loader版本不匹配导致的，根据下表对应关系调整package.json中的版本配置(或者根据package.json中的配置切换对应的node版本)，然后重新安装依赖。
Node、node-saas版本对应关系参考
|
NodeJS |
Supported node-sass version |
Node Module |
|
Node 20 |
9.0+ |
115 |
|
Node 19 |
8.0+ |
111 |
|
Node 18 |
8.0+ |
108 |
|
Node 17 |
7.0+, <8.0 |
102 |
|
Node 16 |
6.0+ |
93 |
|
Node 15 |
5.0+, <7.0 |
88 |
|
Node 14 |
4.14+, <9.0 |
83 |
|
Node 13 |
4.13+, <5.0 |
79 |
|
Node 12 |
4.12+, <8.0 |
72 |
|
Node 11 |
4.10+, <5.0 |
67 |
|
Node 10 |
4.9+, <6.0 |
64 |
|
Node 8 |
4.5.3+, <5.0 |
57 |
|
Node <8 |
<5.0 |
<57 |
查看项目中saas-loader版本匹配信息
npm view sass-loader peerDependencies
saas-loader版本配置差异
saas-loader>7.x 的版本需要修改配置，vue.config.js文件中有关saas的配置：prependData 替换为 additionalData。
Vue项目常见问题处理更多相关文章
JavaScript CSS Vue3 实现一个简单的Loading
配置和使用nvm免安装版本(nvm-noinstall.zip)
HarmonyOS：使用Node-API实现ArkTS与C/C++跨语言交互
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (一)：项目简介及安装依赖
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (四)：状态码的使用
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (五)：POST上传文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (六)：token的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (七)：MongoDB的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (三)：Cors的设置及.env文件的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (二)：项目文件夹架构及路由的设置
【NodeJS】NodeJS+mongoDB在线版开发简单RestfulAPI (八)：API说明(暂时完结，后续考虑将在线版mongoDB变为本地版)
报error:0308010C:digital envelope routines::unsupported错--nodejs版本过高(nvm安装(更换)不同版本nodejs)
小结---安装nvm解决node版本不兼容的问题（node版本切换）