未捕获的ReferenceError:未使用bundle.js定义ReactDOM

时间:2017-07-12 00:49:04

标签: javascript reactjs

我在尝试加载应用程序时遇到问题。我是React的新手,无法弄清问题是什么。以下是我得到的两个控制台错误。有人能伸出援助之手吗?我很高兴为这篇文章添加代码,但我不确定您需要查看哪个文件。我已经尝试过很多SO帖子,但我的代码中正确地引用了ReactDOM(个案方面)来自帖子所说的内容。谢谢你的帮助!

Failed to load resource: the server responded with a status of 404 (Not Found)


Uncaught ReferenceError: ReactDOM is not defined
    at eval (eval at <anonymous> (bundle.js:6797), <anonymous>:85:3)
    at Object.<anonymous> (bundle.js:6797)
    at __webpack_require__ (bundle.js:20)
    at eval (eval at <anonymous> (bundle.js:1151), <anonymous>:21:16)
    at Object.<anonymous> (bundle.js:1151)
    at __webpack_require__ (bundle.js:20)
    at eval (eval at <anonymous> (bundle.js:47), <anonymous>:11:15)
    at Object.<anonymous> (bundle.js:47)
    at __webpack_require__ (bundle.js:20)
    at bundle.js:40

3 个答案:

答案 0 :(得分:3)

在不知道您的设置的情况下很难,但应用程序要么没有导入react-dom模块,要么根本没有安装。

您使用样板吗?

检查package.json

是否有类似于"react-dom": "^15.5.3"的条目?

如果是这样,只需在该目录中执行npm install

现在检查:您要使用ReactDOM的模块是否导入react-dom

const ReactDOM = require('react-dom');
// OR
import ReactDOM from 'react-dom';

如果完成所有这些,您的下一步可能是检查您的webpack构建脚本。

在不知道你如何设置项目的情况下,没什么可说的。

干杯。

答案 1 :(得分:0)

检查您的输入文件(应在您的webpack.config.js中定义)。 你忘了放import ReactDOM from 'react-dom吗?

答案 2 :(得分:0)

检查您的nodejs版本(如果在

中)

版本10使用 从“ react-dom”导入ReactDOM;

如果在版本8中使用 const ReactDOM =要求('react-dom');