qiankun 嵌入 react 项目报错

使用 qiankun 集成项目时发现，接入 react 子应用会出现报错

报错信息

解决方法

目前没有太好的解决方法，在 vite.config.ts 删除 react()

import { defineConfig } from 'vite';
// import react from '@vitejs/plugin-react';
import qiankun from 'vite-plugin-qiankun';

const { name } = require('./package');

// https://vitejs.dev/config/
export default defineConfig(({ mode }) => {
  return {
    base: mode === 'development' ? './' : '/app4',
    plugins: [
      // react(),
      qiankun(name, { useDevMode: true }),
    ],
    server: {
      port: 8084,
    },
  };
});

这样会导致 jsx/tsx 文件编译时报错，需要在 jsx/tsx 中手动引入 react

报错信息

import React from 'react';