项目 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版本有效,其他版本多多少少都有问题,如果你觉得适用地话,就使用这个方法吧
推荐阅读
- web网页模板|如此优秀的JS轮播图,写完老师都沉默了
- 接口|axios接口报错-参数类型错误解决
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- 前端|web前端dya07--ES6高级语法的转化&render&vue与webpack&export
- vue|Vue面试常用详细总结
- javascript|vue使用js-xlsx导出excel,可修改格子样式,例如背景颜色、字体大小、列宽等
- css|我用css精灵图拼接了自己的英文名字,不会还有人不知道精灵图技术吧()
- css|css三角的做法及其案例