未捕获的 ReferenceError：未在 bundle.js(es-build) 中定义要求

Question

我正在使用 esbuild API 构建来捆绑基本的 React 应用程序。但它不断出现以下错误Uncaught ReferenceError: require is not defined at bundle.js。下面是我的build.js代码。

const esbuild = require('esbuild');

async function build() {
  await esbuild.build({
    entryPoints: ['index.js'],
    outfile: './build/bundle.js',
    format: 'cjs',
    loader: { '.js': 'jsx' },
  });
}

build();

我尝试了什么：

• 正在清除终端历史记录。
• 删除bundle.js并重新生成
• 正在重新启动 vs-code。

Answer 1

尝试将 require 的范围更改为您尝试使用它的范围。

Answer 2

我将const esbuild = require('esbuild');替换为import esbuild from 'esbuild';并将格式更改为iife。它奏效了。