我一直在努力将代码库从CRA迁移到Vite。我已经解决了所有代码问题，但是我遇到了我导入的许多软件包的问题。我假设这都是常见问题，也许？令人难以置信的是CRA在生产上进行生产要容易得多。 到目前为止的包装问题：

Question

import { Emitter } from "@socket.io/component-emitter/lib/esm/index.js";

轴（1.8.3）：

node_modules/axios/lib/platform/node/classes/FormData.js (1:7): "default" is not exported by "node_modules/form-data/lib/form_data.js", imported by "node_modules/axios/lib/platform/node/classes/FormData.js".

我做了类似的事情：

import * as FormDataModule from 'form-data';

但是我只是继续进行

yarn build

过程，感觉就像有一种更好的方法可以解决这些问题。

yarn dev

效果很好，到目前为止没有任何问题，但是当我进行生产制作时，滚动就变成了一场噩梦。

f for socket.ioessueed

将其添加到

vite.config.ts

：

：

resolve: {
  alias: {
    '@socket.io/component-emitter': '@socket.io/component-emitter/lib/esm/index.js',
  },
},

Answer 1

其他通用修复

安装

vite-plugin-node-polyfills

和

@rollup/plugin-commonjs

：

---

npm install vite-plugin-node-polyfills @rollup/plugin-commonjs --save-dev

add到

vite.config.ts

：

1. import nodePolyfills from 'vite-plugin-node-polyfills';
   import commonjs from '@rollup/plugin-commonjs';
   
   export default defineConfig({
     plugins: [
       nodePolyfills(),
       commonjs({ include: /node_modules/ }),
     ],
   });