App 专题

1. 其他端正常，App 白屏

请检查 useXxxStore 的调用，需要在函数内部调用，而不是在函数外部调用。(估计是顶层调用的时候 pinia 没有初始化，导致的问题，app 端独有的问题。)

// 错误写法
const userStore = useUserStore();
function foo() {
  userStore.xxx;
}
// 正确写法
function foo() {
  const userStore = useUserStore();
  userStore.xxx;
}

2.unibest 的 App 模块配置

核心解决办法就是把 manifest.json 的内容搬运到 manifest.config.ts 中。

我们默认的的 manifest.config.ts 只包含了比较基础的 uniapp 配置，有的时候我们需要在打包 app 时在 hbuilderx 里面额外设置一些配置，那么就需要配置好后把 manifest.json 中的内容拷贝到 manifest.config.ts 中，后面运行就不会丢失了。

举例子，我在 manifest.json 里面配置了 2 个模块配置，如下：

点击左侧下面的 源码视图 就可以看到增加了如下内容：

只需要把对应的内容拷贝到 manifest.config.ts 中的 distribute.plugins 里面即可。

3. app 热更新

3.1 ios 模拟器热更新

• pnpm dev:app
• 把 dist/dev/app 文件夹导入到 hbx编辑器 里面，然后运行。这样在编码的时候是可以热更新的。

但是上面的方法，在 android 模拟器里面不生效。

3.2 android 热更新

• 在 android 里面，把dist/dev/app 文件夹导入到 hbx编辑器 里面运行，无法热更新！！
• 需要把整个 unibest 项目文件夹 导入到 hbx编辑器 里面，然后运行，这样就可以热更新。
• 不管是模拟器还是真机调试，都是这样。

3.3. 鸿蒙 热更新

同 android 热更新。

4. 打包原生插件

思路：你把整个 unibest项目的src 放到 hbx编辑器，然后在 src/mainifest.json 里面配置好 原生插件。然后 copy 到manifest.config.ts，接着自定义打包基座。 注意，全程不需要用到 pnp build dev:app 这个命令.

步骤：

• 1. 先配置好 原生插件，再 copy 到 manifest.config.ts。

     

• 2. 先打包自定义基座

     

• 3. 使用自定义基座

     

其他参看文章 掘金教程 - Unibest 原生插件模块配置