无法像它所说的那样编译 React 应用程序 "Module not found"

Question

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

任何人都可以帮助我，因为我是一个新的反应应用程序蜜蜂！

Answer 1

如果您是 React 新手并且需要快速构建应用程序，您可以尝试 create-react-app by facebook

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

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

Answer 2

默认情况下，create-react-app will create a progressive web app, as documented here。渐进式网络应用程序依赖于 registerServiceWorker.js 文件中的 registerServiceWorker()。您显然已删除此文件，因此您的项目不再生成。

你有两个选择：

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

为了选择退出渐进式网络应用程序功能，您需要按如下方式修改 src/index.js 文件：

删除registerServiceWorker的import。
删除 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 文件（根据您发布的错误消息，您似乎已经完成了） .

文档对 how to opt out and some of the consequences of having a progressive web app 进行了更完整的描述。

无法像它所说的那样编译 React 应用程序 "Module not found"

Unable to compile react application as it says "Module not found"

javascript

web-applications

reactjs

create-react-app