❤ uniapp开发遇见【app.json 文件内容错误-10】_routedone with a webviewid 11 that is not the curr

❤ uniapp运行发布常见问题

1、routeDone with a webviewId 13 that is not the current page

在使用HBuilderX uniapp开发运行时可能会出现

问题：

routeDone with a webviewId 1 that is not the current page这个报错，解决这个问题我们可以在微信小程序app.json文件中添加配置或者如果是uniapp对应的应该是pages.json文件。

解决方法：

添加

"lazyCodeLoading":"requiredComponents",
1

含义：

这段代码是uniapp框架中的配置选项，用于指定需要预加载的组件列表。具体来说，当应用启动时，uniapp会在后台异步加载这些组件，以提高应用运行时的性能和响应速度。lazyCodeLoading:"requiredComponents"表示只预加载必要的组件，在需要使用其他组件时再进行动态加载。

2、uniapp微信小程序开发者工具-真机调试报错：message:Error: /XXX.bak.js does not exists

遇到类似的报错，比如：
message:Error: components/common/loginDialog.bak.js does not exists

解决办法：

删除 unpackage 文件，重新编译即可

3、 Uniapp可删除的文件夹

unpackage 文件夹

该文件夹包含之前打包的应用程序，它们是用于本地测试的。如果你不再需要这些文件，可以删除它们。但是，在删除之前，请确保你已经备份了完整的应用程序代码和打包的应用程序，以防你以后需要这些文件。

node_modules 文件夹

该文件夹包含了用于构建和运行应用程序所需的Node.js模块。如果您使用的是Vue CLI或其他一些构建工具，这些模块可能会在全局范围内安装。因此，如果您使用的是Vue CLI或其他构建工具，并且你的应用程序已成功构建并运行了，那么你可以安全地删除此文件夹。

dist 文件夹

该文件夹包含您的应用程序的编译后版本。如果您已经成功地部署了您的应用程序，并且您不再需要展示或部署此应用程序的副本，您可以安全地删除此文件夹。

.idea 文件夹

该文件夹包含了您的项目的IntelliJ IDEA设置。如果您使用的是其他开发环境，或者你已经配置好IDEA, 您可以安全地删除此文件夹。但是，如果你正在使用IntelliJ IDEA并且保存了一些敏感信息，在删除该文件夹之前，请确保您已备份了所有必要的信息。

.vscode 文件夹

该文件夹包含了您的项目的Visual Studio Code设置。如果您使用的是其他开发环境，或者您已经配置好VSCode，您可以安全地删除此文件夹。如果您正在使用VSCode，并且保存了一些敏感信息，在删除该文件夹之前，请确保您已备份了所有必要的信息。

谨慎地删除文件夹，确保您不会删除必要的文件，删除之前，请备份您的应用程序代码和所有重要文件。不确定某个文件夹是否可以删除可以通过UniApp官方文档或在开发者社区咨询相关人员来了解更多信息。

4、uniapp开发小程序遇见__wxConfig is not defined

__wxConfig is not defined

乖乖的关闭项目，打开微信开发者工具更新以后正常使用

5、Uniapp中运行微信小程序时,出现微信小程序开发者工具 工具的服务端口已关闭

❤ 微信小程序开发者工具 [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -＞ 设置 -＞ 安全设置，将服务端口开启。
❤ 在uiapp中运行微信小程序时，出现：
[微信小程序开发者工具] [error] 工具的服务端口已关闭。要使用命令行调用工具，请在下方输入 y 以确认开启，或手动打开工具 -> 设置 -> 安全设置，将服务端口开启。

————————————————

解决方法：

6、 uniapp小程序优化和减小代码体积的方式

小程序包大小超过2M

接触过小程序的人都知道小程序的的压缩包不能超过2MB，否则无法将之上传到微信小程序，在开发中很容易忽略这个压缩体积大小，没有对自己的写的代码进行一个优化。

以下只是个人的简单优化的方式，如有更好的方式可以给出意见。

1. 优化代码，删除掉不用的代码
2. 检查一下静态资源，图片和各个图标将近1MB。为了解决体积大的问题，将静态资源的图片放在cdn服务器进行路径请求，压缩体积将近释放1MB。

图片压缩或者上传服务器
一般图片所占用的空间比较大，尽量不要放在小程序本地文件夹中，如果图片不多的话可以对图片进行压缩，图片压缩平台：https://tinyjpg.com/

（2）将通过webpack下载的包和插件进行dev和生产分类，原先是默认都是下载到dependencies，这就导致了压缩之后面积也很大。因此为了减少体积，将一部分只在本地调试使用的插件版本放到devDependencies里面，分类完成之后在打包压缩，发现体积小了一些。如果到这体积还是很大，那就得采用官方提供的分包加载机制了。
（3）采用subPackages分包分包加载机制（具体教程看看官方文档）
这个分包预加载我是按照tabBar来划分页面和分包的， pages加载可以把首页涉及到的页面和资源加载，首页加载的公共资源的东西都可以在pages里面加载, 其他的根据tabBar的路径来加载对应的页面和资源（使用预加载）。然后在manifest.json设置分包的优化:在manifest.json→源码试图→找到"mp-weixin",添加"optimization" : {“subPackages” : true}即可完成任务。
(4) 如果上面之后还是觉得压缩体积大，那么继续优化页面代码，将一些中文注释都给清掉，对页面重复冗余或者用不着的代码都清掉。

7、uniapp显示运行真机‘getItem‘ of undefined错误

uniapp中没有cookie、session.storage. 改为

uni.setStorageSync(KEY, DATA)
uni.getStorage(OBJECT)
1
2

8、HBuilderX 运行Uniapp显示：Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher

含义：

Node.js仅在Windows 8.1、Windows Server 2012 R2或更高版本上受支持

解决方案：

完整报错：
Node.js is only supported on Windows 8.1, Windows Server 2012 R2, or higher
Setting the NODE_SKIP_PLATFORM_CHECK environment variable to 1 skips this
check, but Node.js might not execute correctly. Any issues encountered on
unsupported platforms will not be fixed.
————————————————

解决：

新增个环境变量NODE_SKIP_PLATFORM_CHECK，值为1即可

9、Uniapp报npx update-browserslist-db@latest

解决

按照提示先更新一下 
npx update-browserslist-db@latest
1
2

然后打开一下端口

10、app.json 文件内容错误

[ app.json 文件内容错误] app.json: ["preloadRule"]
["pagesA/examination/list"]["packages"][0]: pagesA/
 未找到(env: Windows,mp,1.05.2204180; lib: 2.24.1)

1
2
3
4

解决方法

uniapp=>pages.json 中找到,然后把位置放好
1