React项目报错求助：无法找到App.js及npm更新失败问题

一、修复文件路径不匹配问题 #

错误提示明确显示App.js的引用路径与磁盘实际文件位置不符，按以下方式处理：

• 打开src/index.js，找到导入App的语句。如果你的App.js实际在src/components/Components文件夹下，将导入路径修正为：

  import App from './components/Components/App';
  

• 若希望App.js放在src根目录，直接把文件移动到src文件夹内，保持import App from './App';即可。

二、修正App.js代码语法错误 #

你的App.js存在3处关键错误，修正后的代码如下：

import React, { Component } from 'react';

class App extends Component {
  render() {
    return (
      <div>
        <h1>NFT Marketplace</h1>
      </div>
    )
  }
}

export default App;

错误点说明：

• 导入的是Component（单数），不是Components
• 类组件的渲染方法必须是render()，而非return()
• 类组件需继承正确的React组件基类

三、处理npm update报错问题 #

先完成上述两步修复，再执行以下操作：

• 删除项目根目录下的node_modules文件夹和package-lock.json文件
• 运行npm install重新安装依赖
• 之后再执行npm update，即可解决依赖更新报错问题

内容的提问来源于stack exchange，提问作者Koruma