未捕获的ReferenceError:require$$2未在React.DOM.render中定义

Question

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

未捕获引用错误：React.DOM.render 中未定义require$$2

出现在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')

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

Answer 1

我能够解决这个问题。react标记输入的依赖关系存在问题。安装了react-dnd-html5-后端，但该错误从未出现。