When creating react app, I keep running into this error. Each time I create a new react app, I delete the following files, and import statements, to set up a basic starting point using react:
- favicon.ico
- logo192.png
- logo512.png
- manifest.json
- robots.txt
- App.css
- logo.svg
- reportWebVitals.js
- setupTests.js
- App.test.js
Until recently, I've never had rendering issues by following this process. Now I am receiving a Module not found: Error: Can't resolve './logo.svg' error. Error is found in "./src/App.js" which I've included below:
import './App.css';
function App() {
return (
<div className="App">
</div>
);
}
export default App;As you can see, there's no import statement for "./logo.svg", so I am not understanding why this error is occurring. I've tried restarting the server, deleting node_modules and package-lock.json then reinstalling using npm install, reinstalling app using npx create-react-app, installing react app globally using npm install -g create-react-app, restarting computer, but all to no avail. Any help would be greatly appreciated. Thank you.
#UPDATE# I've discovered a workaround for the "module not found" errors. I deleted the files that gave me the errors, in this case, "App.js". Then I recreated those files with the appropriate boilerplate code. That resolved the errors. Now when rendering, the content refuses to display and I am not sure why that is happening now. I'm also not getting any console errors in the browser. Any help would be appreciated.
