【转载】vue3 使用 ＜micro-app＞ 存在 isCustomElement 警告

（一）页面信息

1、动态子应用配置

import { defineComponent } from 'vue';
import packageConfig from '@/../../../config.json';
import devConfig from '@/config';

const config = JSON.parse(JSON.stringify(packageConfig));

export default function buildPage(name: string) {
  const url = `${devConfig[name]}/child/${name}`;

  return defineComponent({
    name,
    setup() {
      return () => <micro-app
          name={name}
          url={url}
          baseroute={`/base/${name}`}
          disableScopecss={config[name].disableScopecss}
        ></micro-app>;
    },
  });
}

2、vite.config 配置

 vue({
      template: {
        compilerOptions: {
          isCustomElement: (tag) => /^micro-app/.test(tag),
        },
      },
    }),

（二）警告信息

（三）解决方案

由于使用的是 jsx，你需要在 @vitejs/plugin-vue-jsx 这个插件做如下配置 ：

 

原文：https://github.com/micro-zoe/micro-app/issues/786