`require` 是 Node.js 中用于模块导入的关键字,但在浏览器环境中并不被直接支持。因此,在 Vue 2 项目中使用 `require` 时,经常会遇到 "require is not defined" 的错误。 ### 1.2 require在浏览器端的识别问题 当开发者在 Vue 2 项目中尝试使用 `require` 来引入图片或其他静态资源时,浏览器会抛出 "req...
Open opened this issueJul 13, 2023· 1 comment lzw-jmcommentedJul 13, 2023 No description provided. Villalbad10commentedJun 19, 2024• edited i have same error. Is there solution? Sign up for freeto join this conversation on GitHub. Already have an account?Sign in to comment...
"@vitejs/plugin-vue2": "2.3.1", "@vitejs/plugin-vue2-jsx": "1.1.1", "vite": "5.0.12", "vite-plugin-commonjs": "0.10.1", "vite-plugin-node-polyfills": "0.19.0", "vite-plugin-require": "1.1.14", "vite-plugin-svg-icons": "2.0.1", "path-browserify": "^1.0.1", ind...
需要在vite.config.js文件中添加如下配置: exportdefault{esbuild: {jsxFactory:'h',jsxFragment:'Fragment'} } 此时重新启动项目如有报错: h is not defined 需要在.jsx或.tsx文件中手动引入import { h } from 'vue'; 或者使用vite的注入helper自动引入h: exportdefault{esbuild: {jsxInject:"import { h ...
5.5 第五个报错, require is not defined 这次启动项目后,命令行没有报错了,然后打开浏览器,发现页面白屏,打开控制台看到控制台报错 token.js:18 Uncaught ReferenceError: require is not defined at token.js 打开对应的token.js使用reuire引入了一张图片,而vite不支持require,我们需要换一种引入方式来引入图片。
5.创建vite.config.js(没有则需要新建) import{ createVuePlugin }from"vite-plugin-vue2";import{defineConfig, loadEnv}from'vite'importviteCompressionfrom'vite-plugin-compression';importrequireTransformfrom'vite-plugin-require-transform';constCWD= process.cwd();exportdefaultdefineConfig(({ mode }) =>...
// https://vitejs.dev/config/ export default defineConfig({ plugins: [ createVuePlugin(), + tsconfigPaths(), ], }); 5、替换 CommonJS vite 使用 ESM 作为模块化方案,因此不支持使用require方式来导入模块。否则在运行时会报Uncaught ReferenceError: require is not defined的错误(浏览器并不支持 CJS...
错误原因：浏览器仅支持 esm,不支持 cjs vite.config.js import { cjs2esmVitePlugin } from 'cjs2esmodule' export default defineConfig({ plugins: [ cjs2esmVitePlugin(), // 将 commonjs 转化为 es module ] })如果有 require.xx 的按需加载写法还可以修改成 import 的，案例如下：const su...
"@vitejs/plugin-vue2": "2.3.1", "@vitejs/plugin-vue2-jsx": "1.1.1", "vite": "5.0.12", "vite-plugin-commonjs": "0.10.1", "vite-plugin-node-polyfills": "0.19.0", "vite-plugin-require": "1.1.14", "vite-plugin-svg-icons": "2.0.1", "path-browserify": "^1.0.1", ...
[".vue", ".js", ".json"], /** 配置alias别名 **/ alias: [ { find: '@/', replacement: '/src/' } ], }, /** css自动加前缀 **/ css: { postcss: { plugins: [ require('autoprefixer')({ overrideBrowserslist: ['Android 4.1', 'iOS 7.1', 'Chrome > 31', 'ff > 31', '...