vite 不支持 require 引入文件,静态资源修改网上有一堆方法,这里不做赘述。
当我们使用某些第三方 npm 包时,包里面使用 require 引入资源文件就会导致打包正式环境报错,而开发环境能够正常运行。
例如我使用的是 @walletconnect/web3-provider@1.7.8 包,导致正式环境报错
需要进行如下修改
vite.config.ts/vite.config.js 文件
defineConfig({
// ...,
build: {
// ...,
commonjsOptions: {
transformMixedEsModules: true
}
}
})
一些文档