uniapp 脚手架(vue-cli)新建项目碰到的各种坑汇总--uniapp开发的奇妙小骚话

 

最近要启动一个新项目，依然使用uniapp进行开发，用命令行重新建项目遇到了一些坑，都是些老坑但是由于不常碰到所以忘了一干净，现在记录一下防止忘掉。

第一坑：

uniapp项目启动报错Error: Cannot find module ‘webpack/lib/RuleSet

这个坑应该是命令行建项目会碰到的一个问题，Hbuilder新建的项目应该不会碰到，大概

命令行：

vue create -p dcloudio/uni-preset-vue test

网上有各种说法：说给node环境降级到12的；删除node_modules重新npm i的

我采取的解决方法是把vue脚手架vue cli降级到4.5

不知道什么时候我的vue cli升到5.0版本了，就导致了这个问题出现。

解决过程，先删除高版本vue cli，再安装4.5版本:

npm remove -g @vue/cli

npm install -g @vue/cli@4.5.15

然后，需要重新创建项目，毕竟脚手架版本都动了，项目中依赖肯定也有所变动

有人在社区也提到过相应问题，貌似ucloud官方还没有兼容高版本：https://ask.dcloud.net.cn/question/135817

估计随着uniapp的更新这个问题就解决了，所以不着急等着官方更新吧。

第二坑：

使用uview会出现的问题：SassError: Undefined variable color: $u-type-primary-light;

这个问题纯属忘记了，估计uview文档在安装说明上说清楚了；

需要在项目内uni.scss 文件内加入一行：@import 'uview-ui/theme.scss';

依赖失踪了肯定就会出问题的

 

其他坑基本上都是填充项目功能时候少这个少那个，不重要的一些小问题。

结束，望诸君武运昌隆。