首页 > 解决方案 > reactjs给出错误模块未找到

问题描述

我有 3 个组件应用程序,页眉,页脚,中间,幻灯片

  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 文件夹中并将其导出,默认我的类和文件名是大写字母以及 import React, {Component} from 'react';

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

解决方案


推荐阅读