请求的模块“ ./react.js”未提供名为“ default”的导出

时间:2019-11-18 21:48:28

标签: javascript html css reactjs

我正在学习React,但是一个星期以来我一直被困在这里,无法解决!! 请帮忙 我正在学习React,但是一个星期以来我一直呆在这里,无法解决! 请帮助

index.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>

Navbar.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>}));
    }
}


script.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'

1 个答案:

答案 0 :(得分:0)

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

要利用这里提供的答案,需要对React的工作方式有一定的了解,例如建立一个基本的React项目,以及对React生态系统(如node,npm和babel)有所了解。更不用说对JavaScript和ES6语法有足够的了解了。

有许多在线反应入门指南,可以使您在短时间内启动并运行。

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

w3Schools.com React Tutorial

遵循本教程中的所有步骤。逐步解释它,最后,您将对使用react有扎实的了解。花点时间,从头到尾完成本教程。这是我的建议,因为从头到尾完成一个教程要比从头开始完成而不是从50开始更好。

如果您愿意,请发表评论,您可以通过电子邮件与我取得任何困难联系,我会尽力帮助您。

祝您好运,并希望您在旅途中玩得开心。