无法编译react应用程序,因为它说“找不到module”

IT技术 javascript reactjs web-applications create-react-app
2021-05-13 17:00:03

我一直在尝试执行一个非常简单的react应用程序,但由于某种原因我无法编译它。当我尝试使用“npm start”在 bash 中编译它时,我收到错误消息“编译失败:./src/index.js module未找到:无法解析‘/Users/Pruthvi’中的‘./registerServiceWorker’ /Desktop/ReactApplication/my-app/src'"

任何人都可以帮助我,因为我是一个新的蜜蜂来react应用程序!

2个回答

默认情况下,create-react-app将创建一个渐进式网络应用程序,如此处所述渐进式Web应用程序依赖于registerServiceWorker()registerServiceWorker.js文件。您显然已删除此文件,因此您的项目不再构建。

你有两个选择:

  1. 将您的项目保持为渐进式 Web 应用程序,在这种情况下,您应该简单地恢复首次创建后的原始状态。
  2. 选择退出渐进式 Web 应用程序功能。

为了选择退出渐进式 Web 应用程序功能,您需要src/index.js按如下方式修改您的文件:

  1. 删除importregisterServiceWorker
  2. 删除registerServiceWorker()通话。

src/index.js然后你的会是这样的:

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
// Deleted -- import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(<App />, document.getElementById('root'));
// Deleted -- registerServiceWorker();

对 进行了这些修改后index.js,您可以安全地删除该registerServiceWorker.js文件(根据您发布的错误消息,您似乎已经完成了该操作)。

该文档更完整地描述了如何选择退出以及拥有渐进式 Web 应用程序的一些后果

如果您刚开始react并且需要快速构建应用程序,您可以尝试 通过 facebook 创建react应用程序

它是一个命令行工具,可以帮助您以零配置快速构建更好的react应用程序,您可以从上面的链接中了解更多信息,并且它易于使用

还要确保您使用了一个好的编辑器,它可以帮助您发现错误并帮助您并在第二次为您提供好的答案请提供您的代码以很好地理解问题。