【转载】vue3 使用 <micro-app> 存在 isCustomElement 警告
2、vite.config 配置。由于使用的是 jsx,你需要在。
·
(一)页面信息
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
这个插件做如下配置 :
更多推荐
已为社区贡献1条内容
所有评论(0)