未捕获的 ReferenceError：react.DOM.render 中未定义 require$$2答案

【问题标题】：Uncaught ReferenceError: require$$2 is not defined at React.DOM.render未捕获的 ReferenceError：react.DOM.render 中未定义 require$$2
【发布时间】：2021-08-05 17:06:59
【问题描述】：

在构建后为我的 react 应用程序提供服务时，此错误-

Uncaught ReferenceError: require$$2 is not defined at React.DOM.render

出现在 index.js 文件中的 ReactDOM.render 语句中-

import React from 'react';
import ReactDOM from 'react-dom';
import { createStore, applyMiddleware, compose } from 'redux';
import { Provider } from 'react-redux';
import thunk from 'redux-thunk';
import rootReducer from './modules';
import Routes from './routes';

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const store = createStore(
  rootReducer,
  composeEnhancers(
    applyMiddleware(thunk)
  )
);

ReactDOM.render(
  <Provider store={ store }>
    { Routes }
  </Provider>,
  document.getElementById('root')
);

我正在使用 Rollup 来捆绑我的应用，这是 build.config.js 文件-

export default {
  input: join(__dirname, "src/index.js"),
  output: {
    file: `client/build/scripts/app.js`,
    format: "iife",
    sourcemap: true,
  },
  plugins: [
    babel({
      babelHelpers: "runtime",
      babelrc: true,
      exclude: "node_modules/**",
    }),
    replace({
      "process.env.NODE_ENV": JSON.stringify("development"),
      preventAssignment: true
    }),
    postCss({
      plugins: [postCssImport()],
    }),
    commonjs(),
    json({
      include: "node_modules/**",
      exclude: "node_modules/buffer-es6/**",
    }),
    nodePolyfills(),
    nodeResolve({
      preferBuiltins: false,
      extensions: [".js", ".jsx"],
    }),
  ],
};

在构建时的堆栈跟踪中-

(!) Unresolved dependencies
https://rollupjs.org/guide/en/#warning-treating-module-as-external-dependency
react-dnd-html5-backend (imported by react-dnd-html5-backend?commonjs-external)
(!) Missing global variable name
Use output.globals to specify browser global variable names corresponding to external modules
react-dnd-html5-backend (guessing 'require$$2')

我不知道为什么会收到此错误。有人能帮助我吗？如果需要更多信息，请发表评论。

【问题讨论】：

能否包含完整的错误消息和堆栈跟踪？另请说明您使用的捆绑系统。
@edemaine 我已经编辑了帖子，我正在使用汇总捆绑器。

标签： javascript reactjs babeljs react-dom rollupjs

【解决方案1】：

我能够解决这个问题。 react-tag-input 的依赖存在问题。安装了 react-dnd-html5-backend 并且该错误从未出现。

【讨论】：