时间戳

首页 > 解决方案 > Footer' 不是从 './components/footer/Footer' 导出的

javascript - Footer' 不是从 './components/footer/Footer' 导出的

问题描述

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

//ERRO Failed to compile.

./src/components/register/Register.js 尝试导入错误：“页脚”未从“../页脚/页脚”导出

//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'))

标签： javascriptnode.jsreactjsnpm

解决方案

你应该使用

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

因为它是默认导出。

此外，您的渲染调用应该是

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

还有一件事，您的问题似乎与Register组件有关，而不是这个。

推荐阅读