无法编译 ./src/App.js 找不到模块:无法解析

Posted

技术标签:

【中文标题】无法编译 ./src/App.js 找不到模块:无法解析【英文标题】:Failed to compile ./src/App.js Module not found: Can't resolve 【发布时间】:2018-07-23 20:11:50 【问题描述】:

当我开始运行本地服务器时出现以下错误:

编译失败 ./src/App.js Module not found: Can't resolve './Main' in '/home/sol/React/kuehnfotografie/src'

import React,  Component  from 'react';
import ReactDOM from 'react-dom';
import Main from './Main';
import  Provider, createComponent  from 'react-fela';
import  createRenderer  from 'fela';

class App extends React.Component 
  render() 
    return (
      <div className="content">
        <Main />
      </div>
    );
  


export default App;

Folder structure

这是 main.js 文件:

import React from 'react';
import ReactDOM from 'react-dom';
import  Provider, createComponent  from 'react-fela';
import  createRenderer  from 'fela';
import Header from './main/Header';
import Content from  './main/Content';
import Footer from './main/Footer';

class Main extends React.Component 
  render() 
    return (
      <div className="main">
        <Header />
        <Content />
        <Footer />
      </div>
    );
  
 

export default Main;

【问题讨论】:

主文件夹不是文件,所以它应该是./main 或者主文件夹应该包含index.js 文件。 我有一个名为“Main”的文件夹和一个名为“main.js”的文件 您要渲染main.js 文件或主文件夹中的任何文件?? 我想渲染 main.js ...您的评论解决了问题。 (将其更改为 ./main)谢谢,但现在我遇到了与 main.js 等相同的问题。永无止境。 我明白了。有很多声明问题,就像它永远不会停止抛出失败一样。非常感谢您的帮助:) 【参考方案1】:

尝试删除

package-lock.json

,运行

npm 安装

然后

npm 运行

重新开始。

【讨论】:

这没有帮助。

以上是关于无法编译 ./src/App.js 找不到模块:无法解析的主要内容,如果未能解决你的问题,请参考以下文章

找不到模块:无法解析“./pages”编译失败

React 编译失败。找不到模块:无法解析“Main.css”

无法编译反应应用程序,因为它说“找不到模块”

text Webpack编译,找不到模块:错误:无法解析模块'步伐'

./src/App.js 模块未找到:无法解析 xxx 中的“@material-ui/data-grid”

编译器警告“找不到模块:错误:无法解析'./locale'”,因为我在我的反应应用程序中使用了 momentjs [重复]