请求的模块“./react.js”不提供名为“默认”的导出

Question

我正在学习 React，但我被困在这里一周以来，无法弄清楚，！ 请帮助我正在学习 React，但我被困在这里一周以来，无法弄清楚！ 请帮忙

索引.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>Document</title>

    <!-- Load our React component. -->


</head>
<body>
   <div id="apps">

   </div> 
   <script type="module" src="./script.js"></script>  
</body>
</html>

导航栏.js：

import React from './react.js';
//import {ReactDOM} from './react-dom.js';
export class NavBar extends Component {
    constructor(props) {
        super(props);
        this.state = {  }
    }
    render() { 
    return ( this.props.items.map(item =>{ <li>{item}</li>}));
    }
}

脚本.js

//import {React} from './react.js';
//import {ReactDOM} from './react-dom.js';
import   {NavBar}  from './navbar.js';
ReactDOM.render(
  <NavBar items={['Rohit','Rajiv']}/>,
  document.getElementById('root')
);

我收到此错误The requested module './react.js' does not provide an export named 'default'

Answer 1

尝试import * as React from 'react';

Answer 2

首先，在您提供的源代码中，有几个问题很突出。

要利用此处提供给您的答案，您需要了解 react 的工作原理，例如设置基本的 react 项目，并熟悉 react 生态系统，例如 node、npm 和 babel。 更不用说对 JavaScript 和 ES6 语法有足够的了解了。

有许多在线可用的 react 入门指南，可以让您在短时间内启动并运行。

我建议暂时忽略您当前的进度并从本指南开始。

w3Schools.com React 教程

按照本教程中的所有步骤进行操作。 它是一步一步解释的，到最后你将对使用 react 有一个深刻的理解。 花点时间，从头到尾完成本教程。 这是我的建议，因为从头到尾完成一个教程比开始 50 个教程而不完成它们要好。

如果您愿意，请发表评论，如有任何困难，您可以通过 email 与我联系，我会尽力提供帮助。

祝您好运，并希望您在此过程中玩得开心。

请求的模块“./react.js”不提供名为“默认”的导出

问题描述

1 个解决方案

解决方案1
0 2019-11-18 22:02:14

解决方案2
0 2019-11-18 23:11:43

请求的模块“./react.js”不提供名为“默认”的导出

问题描述

1 个解决方案

解决方案1 0 2019-11-18 22:02:14

解决方案2 0 2019-11-18 23:11:43

解决方案1
0 2019-11-18 22:02:14

解决方案2
0 2019-11-18 23:11:43