❤ uniapp开发遇见【app.json 文件内容错误】

❤ 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",

含义：

这段代码是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小程序优化和减小代码体积的方式

一文搞定小程序优化和减小体积（番外篇）
https://juejin.cn/spost/7391324758859743272

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

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

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

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

然后打开一下端口

10、app.json 文件内容错误

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

解决方法

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

11、uni-app小程序iPhone X适配底部栏黑横线

uniapp中IOS端小程序底部黑线适配,IOS底部黑线如何自动适配

解决方式：给底部导航一个安全值

.menu {
	height: 50px;
	border-top: 1px solid #f1f1f1;
	isplay: flex;
	width:100%;
	position: fixed;
	background-color: #fff;
	bottom: 0;

	/* 新增以下代码 */
	padding-bottom: constant(safe-area-inset-bottom);
	padding-bottom: env(safe-area-inset-bottom);
	box-sizing: content-box;
}
~~~

12、提示：非 h5 平台 :key 不支持表达式 ‘report1p’+index，

// 错误的写法
<view v-for="(item, index) in list1" :key="index">{{item}}</view>
<view v-for="(item, index) in list2" :key="index+'_'">{{item}}</view>
// 正确的写法
<view>
    <view v-for="(item, index) in list1" :key="index">{{item}}</view>
</view>
<view>
    <view v-for="(item, index) in list2" :key="index">{{item}}</view>
</view>

13、uniapp可以正常显示Echarts图形，但是h5 平台无法显示，缺少width

解决：
去掉Ecahrts的ID(猜测是Echarts通过ID转换)

14、incongruent status: enter

uniapp开发小程序遇到的问题

解决方法

_this.$nextTick   里面写上  Toast.clear();   实际测试不起作用