Question

我有3个组件app，页眉，页脚，中间，幻灯片

  import React, { Component } from 'react';
  import Header from './Header';
  import slide from './slide';
  import Mid from './Mid';
  import Footer from './Footer';

  import './App.css';

  class App extends Component {
    render(){
      return(
        <div>
        <Header/>
        <slide/>
        <Mid/>
        <Footer/>
        </div>
      );
    }
  }

  export default App;

浏览器给我这个错误

Module not found: `E:\reactjs\project-3\template\src\Footer.js` does not match the corresponding path on disk `footer.js`.

我已经将footer.js文件保存在src文件夹中，并将其导出，默认情况下，我的班级和文件名也以大写字母表示从'react'导入React，{Component};

class Footer  extends Component {
  render(){
    return(
      <div>
      <div class="footer">
          <div class="wrap">
              <div class="f-menu">
                  <ul>
                      <li><a href="index.html">Home</a></li>
                      <li><a href="single.html">About</a></li>
                      <li><a href="#">Services</a></li>
                      <li><a href="#">Our Works</a></li>
                      <li><a href="contact.html">Contact</a></li>
                  </ul>
                   <div class="copy">� 2012 Brownie. All rights reserved. Designed by <a href="http://w3layouts.com" style="color:#A68775;"></a> <a href="http://w3layouts.com" style="color:#A68775;">W3Layouts</a></div>
              </div>
          </div>
      </div>
      </div>
    );
  }
}
export default Footer;

reactjs给出错误模块未找到

0 个答案: