用 create-react-app 制作的程序不能离线运行答案

【问题标题】：Program made with create-react-app does not work offline用 create-react-app 制作的程序不能离线运行
【发布时间】：2017-08-23 19:58:49
【问题描述】：

我正在开发我的第一个 create-react-app 小程序。我希望它可以离线工作，并且文档说它应该。当我离线运行生产版本时，我收到一条消息，例如 GET http://localhost:3001/static/css/main.6a923b45.css net::ERR_INTERNET_DISCONNECTED localhost/:1 GET http://localhost:3001/static/js/main.77163466.js net::ERR_INTERNET_DISCONNECTED An unknown error occurred when fetching the script. service-worker.js Failed to load resource: net::ERR_INTERNET_DISCONNECTED 我不认为 main.js 被服务人员缓存，但我可能是错的。有什么想法吗？

这是所要求的 package.json：

{
      "name": "my-app",
      "version": "0.1.0",
      "private": true,
      "dependencies": {
        "localforage": "^1.5.0",
        "react": "^15.6.1",
        "react-dom": "^15.6.1",
        "react-scripts": "1.0.10",
        "react-toggle": "^4.0.1",
        "recordrtc": "^5.4.2",
        "squat": "^0.1.0",
        "sw-precache": "^4.0.0",
      },
      "scripts": {
        "start": "react-scripts start",
        "build": "react-scripts build",
        "test": "react-scripts test --env=jsdom",
        "eject": "react-scripts eject"
      },
      "homepage": "./"
}

sw-cache 是否有最大文件大小？

【问题讨论】：

你能提供你的 package.json 吗？
也许这是考虑 webpack 的更好方式。我保证你会需要它！
我添加了 package.json
没有react-create-app 这样的东西。你说的是 create-react-app 吗？
查看您的package.json 表明您已经安装了额外的软件包。默认情况下，create-react-app 应该没有问题。您的问题似乎意味着当您使用该命令创建一个新应用程序时，它不能离线工作。我不认为这是真的。请改写你的问题。

标签： reactjs offline-caching

【解决方案1】：

为了让 web 应用程序离线工作，您必须首先访问具有 Internet 的页面以被浏览器缓存，如果您已访问具有 Internet 的页面，请确保在您的构建文件夹中文件 service-worker.js 存在

【讨论】：

你的完整答案！您可以离线运行应用程序而无需在线。并且没有 service-worker.js ！ ...最好的建议是提供 package.json 并查看他的脚本
1) 当您使用 create-react-app 项目运行命令 npm run build 时，在 build 文件夹中您应该有一个名为 service-worker.js 的文件，并且在 main.*.js该文件已注册，如果您没有文件，您将没有任何软件功能
2）我说的是互联网连接的部分，因为他显然有这个错误：service-worker.js Failed to load resource: net::ERR_INTERNET_DISCONNECTED 所以他可能杀死了试图测试的本地主机服务器之前使用 SW 缓存文件之前的离线行为