Failed to compile ./src/App.js Module not found: Can't resolve

4
votes

I got following error when I start to run the local server:

Failed to compile ./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

This is the main.js file:

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;
1
reactjsmodulecompilationresolve
Main is a folder not file, so either it should be ./main or Main folder should contain the index.js file. - Mayank Shukla
I've a folder called "Main" and a file calles "main.js" - cmyk
you want to render main.js file or any file inside Main folder?? - Mayank Shukla
I want to render main.js ... your comment solved the problem. (changed it to ./main) Thanks, but now I got the same issue with main.js and so on. Never ends. - cmyk
I got it. There were so many declarationproblems like it never stops to throw out a failure. Thank you so much for the help :) - cmyk

1 Answers

0
votes

Try to remove

package-lock.json

, run

npm install

and then

npm run

start again.