ReactJS:启动服务器时未能编译错误
我是ReactJS的初学者。刚完成关于React和Redux基础知识的课程。我已经开始了一门新的课程,题为“React Data Visualization-构建加密货币仪表板”。我在第4课中遇到了一个问题,当时我正试图使用ReactJS:启动服务器时未能编译错误,reactjs,Reactjs,我是ReactJS的初学者。刚完成关于React和Redux基础知识的课程。我已经开始了一门新的课程,题为“React Data Visualization-构建加密货币仪表板”。我在第4课中遇到了一个问题,当时我正试图使用warn start命令启动服务器: Failed to compile ./src/index.js Cannot find file: 'index.js' does not match the corresponding name on disk: '.\src\App
warn start
命令启动服务器:
Failed to compile
./src/index.js
Cannot find file: 'index.js' does not match the corresponding name on disk: '.\src\App\app'.
以下是我在app
目录下index.js
文件中的代码:
import React, { Component } from 'react';
import './App.css';
class App extends Component {
render(){
return (
<div>
Hello World
</div>
);
}
}
export default App;
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
ReactDOM.render(<App />, document.getElementById('root'));
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
我如何解决这个问题
您可以在此处找到项目文件
编辑1:我正在package.json文件中添加代码,正如@Wesgur所建议的:
{
"name": "cryptodash",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2",
"react": "^16.12.0",
"react-dom": "^16.12.0",
"react-scripts": "3.4.0"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
}
}
编辑2:我正在添加图像以显示文件夹结构,如@Madhavan.V所示:
从“/App”导入应用程序;
这将导入应用程序文件夹的index.js。@Shawan它只是一个输入错误,将src/index中的app import语句从
导入app from./app'代码>到从“/App”导入应用程序
您是否也可以添加您的package.json
?@Wesgur我已将package.json
文件的代码添加到问题中。@Shawn检查导入import App from./App'
@Shawn您能否尝试将src/index
中的导入更改为import-App from./App'
我认为您是从/App
导入的,而不是/App