Question

我在浏览器控制台中收到了该错误。在package.json中我设置了这个

 "start": "set NODE_ENV=development && node dev-server ./webpack/config",

但它仍然给出相同的错误。我寻找minified或min JS文件，但我找不到任何文件。它只是在项目import React from 'react';中找到它

如何处理该错误？如何使用非缩小的反应文件？我是NodeJS的新手

Answer 1

React缩小生产版本的错误，以保留文件大小。

看起来，尽管你设置了NODE_ENV=development，但是你以某种方式生成了一个生成版本（可能在你的webpack配置文件中的某处设置）。

您可以弄清楚如何生成正确的开发构建（将输出原始错误字符串），或升级到React 15.2，其错误字符串现在包含一个URL，您可以在其中查看原始的未混淆错误：{{3 }}

Answer 2

尝试检查HTML文件中的目标div元素。假设您的app.js文件中包含此代码

ReactDOM.render(jsx, document.getElementById('app'));

然后第二个参数应与HTML中的目标元素完全匹配，如此

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
</head>
<body>
    <div id="app"></div>
    <script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
    <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
    <script src="/scripts/app.js"></script>
</body>
</html>

发生了缩小的异常;使用非缩小的开发环境获取完整的错误消息和其他有用的警告

2 个答案: