uni-app基座运行出错，require is not defined

报告 reportJSException 出现异常：
函数 createInstanceContext 中出现错误，原因是在创建 instanceContext 时失败导致白屏，检查 JS 堆栈 -> Uncaught ReferenceError: require is not defined

问题描述

hbx3.99 版本，基座运行时出现白屏

yibo5220 1楼•5 天前

vue2 可以用require ，vue3 不行，你看看vue 的版本

sinazl 2楼•5 天前

就是vue2啊

h691938207 3楼•5 天前

vue2 是没问题的，重新运行下，可能代码有兼容性问题

wuwangju 4楼•5 天前

是node_modules里的依赖丢失了

gougou168 5楼•5 天前

我这里测试也是可以的，可以提供一个可复现的工程

eggper 6楼•5 天前

是node_modules的问题，不知道为什么工程里的依赖会丢失，找了我一个早上

itying888 7楼•5 天前

在 uni-app 开发过程中，如果你在运行项目时遇到 require is not defined 的错误，通常是因为在代码中使用了 Node.js 的 require 语法，而 uni-app 运行在浏览器环境中，浏览器并不支持 require 语法。

解决方法

使用 ES6 模块语法 如果你需要使用模块化的代码，建议使用 ES6 的 import 和 export 语法，而不是 require 和 module.exports。

// 使用 import 导入模块
import axios from 'axios';

// 使用 export 导出模块
export default {
  data() {
    return {
      message: 'Hello, uni-app!'
    };
  }
};

检查第三方库 如果你使用了某些第三方库，这些库可能是为 Node.js 环境设计的，而不是为浏览器环境设计的。你可以尝试寻找适用于浏览器的替代库，或者使用构建工具（如 Webpack）来处理这些库。
使用插件 如果你确实需要使用 Node.js 模块，可以考虑使用 uni-app 插件或者使用 @dcloudio/uni-helper 等工具来处理这些模块。
检查构建配置 如果你使用了自定义的 Webpack 配置，确保配置正确，且没有引入不兼容的模块。
使用动态导入 如果你需要动态加载模块，可以使用 import() 语法，而不是 require。
```
const module = await import('./module.js');
```
检查环境变量 在某些情况下，你可能需要在不同环境下运行不同的代码。你可以通过环境变量来判断当前运行环境。
```
if (process.env.NODE_ENV === 'development') {
  // 开发环境代码
} else {
  // 生产环境代码
}
```