ReferenceError: React 未定义

Posted

技术标签:

【中文标题】ReferenceError: React 未定义【英文标题】:ReferenceError: React is not defined 【发布时间】:2018-08-01 03:57:10 【问题描述】:

浏览论坛后,我再次确认了正确导入的用法,如下所述:

import React from 'react';   
import ReactDOM from 'react-dom';

还尝试从webpack.config.js 中删除以下行:

externals: [
          
  
 react: 'React',,
        
],

但在运行 jest 测试用例时仍然出现以下错误

【问题讨论】:

为什么要使用模板文字 import React from 'react'; 导入 React ?为什么要多次导入 React?你安装了 React 吗?请提供你的组件代码,否则不容易帮你解决 你的package.json是什么样的? @HemadriDasari import React from 'react' ,将加载 react webpack 指令react: 'React' 可能会混淆并影响此类错误。如果没有安装也不允许 react 将是另一个错误。 React is not defined 表示导入模块已解析,但导出的模块不包含默认值,希望作为 React 变量。 你在使用 Jest 和 webpack 吗? 【参考方案1】:

对于 jest + react 更改为 import * as React from 'react'

【讨论】:

以上是关于ReferenceError: React 未定义的主要内容,如果未能解决你的问题,请参考以下文章

未捕获的 ReferenceError:RegeneratorRuntime 未在 React 中定义

React 16.14.0:未捕获错误 ReferenceError:未定义导出

React + Jest 测试错误 - ReferenceError: 未定义期望

React Uncaught ReferenceError:未定义缓冲区

未捕获的 ReferenceError:未使用 react-chartjs.min.js 定义要求

尝试测试 create-react-app 项目时出现“ReferenceError:文档未定义”