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 项目中的 src 文件夹 导入到 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 原生插件模块配置