React JS 错误：未定义 react/jsx-no-undef

Question

我正在使用 ReactJS 开发地图功能，我的 app.js 文件是：

import React, { Component } from 'react';
import './Map';
class App extends Component {
   render() {
     return (
         <div className="App">
            <Map/>
         </div>
     );
   }
}
export default App;

错误是：

./src/App.js
Line 8:  'Map' is not defined  react/jsx-no-undef

Search for the keywords to learn more about each error.

我怎么解决这个问题？

原文由 Sarvesh Kulkarni 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

尝试使用

import Map from './Map';

当您使用 import 'module' 时，它只会将模块作为脚本运行。当您尝试将副作用引入全局命名空间时，这很有用，例如为旧/不受支持的浏览器填充新功能。

ES6 模块允许定义默认导出和常规导出。当您使用语法 import defaultExport from 'module' 时，它将使用别名 defaultExport 导入该模块的默认导出。

有关 ES6 导入的进一步阅读 - https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import

原文由 shawon191 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

你应该做 import Map from './Map' React 只是告诉你它不知道你导入的变量在哪里。

原文由 Demon 发布，翻译遵循 CC BY-SA 3.0 许可协议