vite 第三方包依赖使用了require 导致编译后浏览器报require is not defined

vite 第三方包依赖使用了require 导致编译后浏览器报require is not defined

vite引用的第三方包使用require 导致build后浏览器报错:require is not defined 要如何解决。

img

img

用了这个https://segmentfault.com/q/1010000041697236里面方法,还是无效。

首先安装一个插件 yarn add -D vite-plugin-require-transform

然后做以下配置

// vite.config.ts配置

import requireTransform from 'vite-plugin-require-transform';

  plugins: [
    // ...
    requireTransform({
      fileRegex:/.ts$|.tsx$|.vue$/
    //   fileRegex:/.js$|.jsx$|.vue$/
    }),
  ]

希望可以帮到你

参考:https://www.cnblogs.com/tianmiaogongzuoshi/p/16412843.html

vue无法识别require,执行命令
npm install @types/node --save-dev