无法编译反应应用程序,因为它显示“未找到模块”

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了无法编译反应应用程序,因为它显示“未找到模块”相关的知识,希望对你有一定的参考价值。

我一直在尝试执行一个非常简单的反应应用程序,但由于某种原因我无法编译它。当我尝试使用“npm start”在bash中编译它时,我收到错误,指出“编译失败:./src/index.js未找到模块:无法解析'./用户/ Pruthvi'中的./registerServiceWorker' /桌面/ ReactApplication /我的应用程序内/ src目录'”

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

答案

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

你有两个选择:

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

要退出渐进式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文件(根据你发布的错误消息,它已经显示你已经完成了)。

该文档提供了更完整的how to opt out和一些the consequences of having a progressive web app的描述。

另一答案

如果您是新手做出反应并需要快速构建应用程序,您可以尝试create-react-app by facebook

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

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

以上是关于无法编译反应应用程序,因为它显示“未找到模块”的主要内容,如果未能解决你的问题,请参考以下文章

React 无法编译模块未找到:无法在listingDetail 上解析

找不到模块:无法解决 - 反应

未找到模块:错误:无法解析 JSON

未找到模块:无法在 Next.js 应用程序中解析“fs”

未找到模块:无法解析“

Vue模块未编译