【问题标题】:Footer' is not exported from './components/footer/Footer'Footer' 不是从 './components/footer/Footer' 导出的
【发布时间】:2020-01-14 04:55:57
【问题描述】:

运行 npm start 命令返回以下错误,我将文件 /components/footer/Footer.js 导入文件 /src/index.js

//ERRO Failed to compile.

./src/components/register/Register.js 尝试导入错误:'Footer' 未从 '../footer/Footer' 导出

//Footer.js

    import React from "react";

    export default class Footer extends React.Component {
      render() {
        return (
          <footer className="footer">
          <div>
            <p> Snef Brasil </p>
          </div>
        </footer>
        );
      };
    }

//index.js

import React  from 'react'
import ReactDOM from 'react-dom'
import './index.css'
import App from './components/app/App'
import {Footer} from './components/footer/Footer'
import {Header} from './components/header/Header'


ReactDOM.render(
   <App />,
   <Footer />,
   <Header />,
   document.getElementById('root'))

【问题讨论】:

    标签: javascript node.js reactjs npm


    【解决方案1】:

    你应该使用

    import Footer from './components/footer/Footer';
    

    因为它是默认导出。

    另外,你的渲染调用应该是

    const app = (
    <div>
        <App />
        <Footer />
        <Header />
    </div>
    );
    ReactDOM.render(
       app,
       document.getElementById('root'));
    

    还有一件事,您的问题可能与Register 组件有关,而不是这个。

    【讨论】:

    • 你能分享你正在使用的文件夹结构吗?请更新您的问题。
    猜你喜欢
    • 2017-06-14
    • 2020-10-12
    • 2018-06-30
    • 2013-04-04
    • 2011-05-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多