首页 > 建站教程 > 前端框架 >  vite+ts使用require,报错:require is not defined正文

vite+ts使用require,报错:require is not defined

因为 require 属于 Webpack 的方法,所以 Vite 项目中是不能使用require的,控制台会给你报错,如下

require is not defined

require is not defined


解决办法如下:就是很不情愿的办法,没招啊

第一步、安装插件

npm i vite-plugin-require-transform --save-dev


第二部、配置vite.config.ts

// 引入
import requireTransform from 'vite-plugin-require-transform';
// 正则匹配能够在.js、.vue、.ts文件中使用
plugins: [
  requireTransform({
    // fileRegex: /.js$|.vue$/
    fileRegex: /.js$|.vue$|.ts$/
  }),
]