Taro2.x安装依赖后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版本有效,其他版本多多少少都有问题,如果你觉得适用地话,就使用这个方法吧
taro3.x是一个基于React的多端开发框架,而ECharts是一个功能强大的数据可视化库。在taro3.x中使用ECharts可以实现数据可视化的效果,提供更丰富的交互和展示方式。 使用taro3.x配合ECharts可以实现以下步骤: 1. 安装依赖:通过npmyarn安装echarts依赖,例如:npm install echarts --save。 2. 导入echarts:在使用的页面文件中导入echarts库,例如:import * as echarts from 'echarts'。 3. 创建图表容器:在页面的render方法中,通过将一个div元素设置为一个容器,并指定一个唯一的id作为容器的标识,用于后续初始化图表使用;例如:<div id="chartContainer"></div>。 4. 初始化图表:在页面的componentDidMount生命周期函数中,通过获取容器的id,并使用echarts.init方法初始化一个图表实例;例如:const chartDom = document.getElementById('chartContainer'); const myChart = echarts.init(chartDom)。 5. 配置图表参数:通过echarts的配置项进行参数的设置,例如设置图表的类型、数据、样式、交互等。可以参考ECharts官方文档,根据需求进行相应参数的配置;例如:const option = { ... }。 6. 渲染图表:将配置好的参数传入图表实例的setOption方法中,用于渲染图表;例如:myChart.setOption(option)。 通过以上步骤,就可以在taro3.x中使用ECharts实现数据可视化的效果。当然,根据具体的需求,还可以通过ECharts提供的API方法实现更多的交互和功能拓展,例如数据更新、动态加载等。
评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值