【解决方案】Taro小程序打包预览提示超过2M打包预览失败

最新推荐文章于 2022-11-18 14:53:53 发布

置顶

林大年

最新推荐文章于 2022-11-18 14:53:53 发布

阅读量1.9k

点赞数 1

分类专栏： Taro 微信小程序文章标签：小程序

本文链接：https://blog.csdn.net/llw6868/article/details/111503716

版权

本文介绍了如何处理Taro小程序在打包预览时遇到的2M大小限制。通过理解分包概念，将超出限制的页面移至pages下的自定义文件夹，如pageA、pageB等，确保所有引用资源路径正确，完成分包后重新编译，从而成功突破限制。

摘要由CSDN通过智能技术生成

目的：将打包后超过2M限制的源代码进行分包操作突破2M的限制
首先要理解“分包”这个概念
即把除了tabbar链的页面，全部装到pages下面的x文件夹，这个文件夹命名可以用pageA、pageB…
在这里插入图片描述

 //  分包路径 eg
    subPackages:[
      {
   
        "root": "pages/pageA/",
        "pages": [
          "cart/index"

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

林大年

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
【解决方案】Taro小程序打包预览提示超过2M打包预览失败

分包、待更
复制链接

扫一扫

专栏目录

vue3+taro+nutui+pina小程序空白框架

03-25

2. Taro：Taro 是一个开源的多端开发框架，支持编写一次代码，多端运行，包括微信小程序、H5、React Native 等。Taro 使用 JSX 编写，语法与React相似，同时支持Vue的API。它的核心理念是"Write Once，Run ...

详解小程序输入框闪烁及重影BUG解决方案

12-09

本人所说的小程序，都是基于mpvue框架而上的，因此BUG可能是原生小程序的，也有可能是mpvue的。问题描述在小程序input组件中，如果使用v-model进行双向绑定，在输入时会出现光标闪烁的BUG。原因造成这个BUG的...

1 条评论您还未登录，请先登录后发表或查看评论

taro---预览小程序时打包文件过大

分寸感的博客

02-17

908

问题： taro安装小程序项目预览时文件过大解决：在package.json中新增：“dev:weapp”: “taro build --type weapp --watch --env production”,新增后执行：npm run dev:weapp "scripts": { "build:weapp": "taro build --type weapp", "dev:weapp": "taro build --type weapp --watch --env product

taro编译成小程序后文件大小超过2M

weixin_56436531的博客

04-14

1690

以下记录我用来解决的两种方式： 1.分包在app.config.js文件中添加 subPackages:[ { "root": "pages/order/", //所需分包的目录 "pages": [ "order" //所需分包的具体文件 ] }, { "root": "pages/login/", "pages": [ "login"

taro 打包文件大于2M

https://shixuebin.gitee.io/hexo-blog/

11-18

474

此时代码包会缩减1倍。

taro预览小程序时打包文件过大

猫老板的豆

01-14

1523

taro 预览微信小程序时打包文件过大，代码包竟有1802KB 提示如下：解决方法：在package.json中新增： "scripts": { ... "dev:wxapp": "taro build --type weapp --watch --env production" } 新增后执行：npm run dev:wxapp 此时代码包只有1176KB ...

taro打包h5入口点大小限制警告：以下入口点组合资产大小超过建议的限制（244 KiB）。这会影响

南佳的博客

07-01

878

webpackChain(chain, webpack) { chain.merge({ performance: { maxEntrypointSize: 10000000, maxAssetSize: 30000000 } }) }, 配置之后,即可解决警告问题!!!

Taro3.0 文件体积过大，不能预览的话如何压缩文件体积？

qq_29263331的博客

08-16

3681

Taro3.0 文件体积过大，不能预览的话如何压缩文件体积？方法一重新新建一条命令，用watch 来监控重新build 项目，这样体积会减少一大半 "dev:wexin": "taro build --type weapp -- --watch --env production"

基于taro微信小程序环形进度条

04-15

【标题】：“基于Taro微信小程序的环形进度条实现详解” 在开发微信小程序时，我们经常需要展示各种进度信息，环形进度条作为一种视觉效果良好、信息传递直观的组件，被广泛应用于加载状态、健康指标等场景。本文将...

基于Taro的小程序快速开发框架，是对 Taro 的重新打包，用于快速构建后端管理项目的接口

热门推荐

LittleMoon_lyy的博客

06-18

1万+

小程序打包体积过大

教你解决Taro微信小程序中使用Echarts体积过大的问题

ForeverCjl的专栏

11-06

4745

背景近期笔者在使用Taro进行微信小程序开发，当引入Echarts图表库时，微信检测单包超限2M的一系列优化措施的踩坑记录，期望能指导读者少走一些弯路。为什么选择Echarts？微信小程序目录市面上使用最多的两款图表库，如下： echarts-for-weixin——echarts微信小程序版本 wx-charts——基于微信小程序的图表库对比两款图表库优缺点刚好相反。 echarts-for-weixin：功能强大，但体积非常大 wx-charts：功能相对简单，但体积小由于笔者对ech

实现Taro 项目拆分到多个分包（Taro和原生混合开发）

SwingDance的博客

08-24

2016

Taro宇宙最强奥特曼

小程序分包加载

weixin_34125592的博客

11-11

832

开发者需要将小程序划分成不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。在构建小程序分包项目时，构建会输出一个或多个分包。每个使用分包小程序必须包含一个主包，所谓的主包，即放置默认启动页/TabBar 页面，以及一些所有分包需要用到整个小程序所有分包大小不超过 8M单个分包/主包大小不能超2M对小程序进行分包，可以优化小程序首次启动的下载时间，以及在多团队共同开发时可以更高的解耦协...

taro平台打包方法和bug修复(持续更新)

机器学习、深度学习、强化学习、迁移学习

04-12

5600

一、bug修复 1、@tarojs/components@1.2.7 requires a peer of @types/react@^16.4.6 but none is installed. You must install peer dependencies yourself. 解决办法：手动执行 npm install @types/react@^16.4.6 2、Uncaught Ty...

taro 打包微信小程序运行失败（一）

weixin_34176694的博客

11-24

1023

1.报错信息 thirdScriptError sdk uncaught third Error Cannot read property 'createTextNode' of undefined TypeError: Cannot read property 'createTextNode' of undefined 2.解决方案 . 转载于:https://www.cnblo...

taro初探：使用taro构建微信小程序基础教程

mytac的博客

07-17

5972

前言由于微信小程序在开发上不能安装npm依赖，和开发流程上也饱受诟病；Taro 是由京东·凹凸实验室(aotu.io)倾力打造的多端开发解决方案，在本篇文章中主要介绍了使用taro搭建微信小程序的一些步骤和一个简单demo的实现。安装先全局安装@tarojs/cli $ npm install -g @tarojs/cli $ yarn global add @tarojs...

Taro+nutui 打包微信小程序 Cannot read property 'setupContext' of null 怎么解决

06-08

这个错误通常是因为在使用 Taro 和 NutUI 进行微信小程序开发时，没有正确地导入 NutUI 的样式文件所导致的。你可以尝试以下解决方法： 1. 在 app.wxss 文件中导入 NutUI 样式文件。在 app.wxss 文件中添加以下代码： ``` @import "path/to/nutui.wxss"; ``` 其中，"path/to/nutui.wxss" 是 NutUI 样式文件的相对路径。 2. 确保 NutUI 的样式文件已经正确安装。使用以下命令安装 NutUI： ``` npm install nutui --save ``` 3. 如果以上两种方法都不能解决问题，可以尝试在 Taro 的配置文件中添加以下代码： ``` plugins: [ // ... ['@tarojs/plugin-css', { postcss: { options: { plugins: [ require('postcss-import')(), require('postcss-url')(), require('postcss-nested')(), require('postcss-cssnext')(), require('nutui/postcss')() // 添加这一行 ] } } }] ] ``` 以上是几种常见的解决方法，希望能够帮到你解决问题。