Taro安装依赖后sass配置失效，无法正常使用sass且启动失败

项目 config/index.js 中的 scss 编译配置项失效，无法全局注入scss文件及变量，导致项目启动之后所有用到全局注入样式的文件全部报错

报错内容大致如下

ModuleBuildError: Module build failed (from ./node_modules/@tarojs/mini-runner/node_modules/sass-loader/dist/cjs.js):
   color: $main;
          ^
      Undefined variable: "$main".
      in D:\WorkProjects\myProjects\taro_app\src\pages\test.scss (line 5, column 12)

项目原先正常运行

因需求使用 yarn add 新装了一个插件，（每次构建都需要重新安装依赖）所以相当于整个node_modules重新安装，然后新装的某个包出了问题

已排除新插件的问题

然后我把另一个旧项目的node_modules整个拷贝过来

好家伙！正常运行，看来是Taro某个包版本有问题

我的Taro版本是 2.2.6（目前最新版本是2.2.11）

查了下官方issue，发现有人有相同的情况，但他的版本是2.2.7，解决方式是 安装一下 @tarojs/runner-utils@2.2.7

然后我决定升级一下Taro版本

taro update project 2.2.7

然后安装@tarojs/runner-utils@2.2.7 ( 安装这个只能使用npm，用yarn貌似无效 )

npm install @tarojs/runner-utils@2.2.7 

安装完之后启动貌似还是不行

看了下package.json发现是 “@tarojs/runner-utils”: “^2.2.7” 兼容版本，再看了下runner-utils源文件版本信息是2.2.11

所以精确一下安装版本

npm install @tarojs/runner-utils@2.2.7 -E

运行

愉快地启动

注：该方式貌似只在2.2.7版本有效，其他版本多多少少都有问题，如果你觉得适用地话，就使用这个方法吧

本文地址：https://blog.csdn.net/ljx1048900106/article/details/107386161