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

时间:2017-12-21 23:09:59

标签: javascript reactjs web-applications create-react-app

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

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

2 个答案:

答案 0 :(得分:8)

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

您有两种选择:

  1. 将您的项目保留为渐进式网络应用,在这种情况下,您应该只需恢复首次创建后的原始状态。
  2. 退出渐进式网络应用程序功能。
  3. 要退出渐进式网络应用功能,您需要修改src/index.js文件,如下所示:

    1. 删除import。{/ li>的registerServiceWorker
    2. 删除registerServiceWorker()来电。
    3. 您的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

答案 1 :(得分:0)

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

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

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