(一)页面信息

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐