Uniapp Vue2 sass项目构建工程：从问题到解决方案

前言:

最近，我接手了一个Uniapp Vue2 sass项目，却发现项目依赖文件 package.json 丢失了！这可真是个棘手的难题。但既然问题已经出现，就必须要想办法解决。

问题分析:

该项目使用 Vue2 框架开发，样式采用 Sass。考虑到 Vue3 是趋势，我最初尝试使用 Vue3 的项目依赖进行修复。虽然项目能够成功启动，但由于 Vue3 与 Vue2 并不向下兼容，导致项目中出现了许多问题。最终，我决定采用最小改动方案，使用 Vue2 的项目依赖进行修复。

解决方案:

1. 安装 Uniapp Vue2 模板:

由于 package.json 丢失，首先需要使用 Uniapp 官方提供的 Vue2 模板进行安装，以恢复项目的基本依赖。

2. 处理兼容性问题:

我的开发环境是 macOS M1 芯片和 Node.js v16.20.2 版本。最初尝试使用较低版本的 Node.js，但遇到了 Node-sass 版本兼容性问题。升级 Node.js 版本后，又出现了新的问题。

3. 解决 Node-sass 版本问题:

Uniapp Vue2 项目默认使用 Node-sass 4.0 版本，但该版本在 M1 芯片上存在兼容性问题。尝试多种方法解决兼容性问题未果后，我最终采取了以下措施：

• 删除 Vue-cli-plugin-uni 脚手架中的 Node-sass 4.0 版本
• 让脚手架在启动时自动查找并安装 Node-sass 6.0 版本
• 将 Node-sass 6.0 版本替换为 Sass 版本

npm install node-sass@npm:sass

经验分享:

• 面对问题，要积极寻求解决方案，并勇于尝试不同的方法。
• 要时刻关注兼容性问题，并了解不同版本之间的差异。
• 要善于利用搜索引擎和相关文档，快速找到解决问题的方法。

结语:

希望这篇博客能够帮助遇到类似问题的同行们，也希望大家能够从我的经验中有所收获。

参考资料：

Node Sass does not yet support your current environment: OS X Unsupported architecture (arm64)-CSDN博客

Release v4.14.1 · sass/node-sass · GitHub