javascript - 无法编译 react 应用程序，因为它说 "Module not found"

Question

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

谁能帮助我，因为我是一个新的 react 应用程序蜜蜂!

Answer 1

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

你有两个选择:

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

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

1. 删除 registerServiceWorker 的 import。
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 文件(看起来您已经根据您发布的错误消息)。

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