Reactjs 使用create react app制作的程序无法脱机工作

Reactjs 使用create react app制作的程序无法脱机工作,reactjs,offline-caching,Reactjs,Offline Caching,我正在开发我的第一个小CreateReact应用程序。我想让它离线工作,文档上说应该。当我离线运行生产版本时,会收到如下消息 得到http://localhost:3001/static/css/main.6a923b45.css 网络::错误\u互联网\u断开连接 localhost/:1获取http://localhost:3001/static/js/main.77163466.js 网络::错误\u互联网\u断开连接 获取脚本时发生未知错误。 service-worker.js无法加载

我正在开发我的第一个小CreateReact应用程序。我想让它离线工作,文档上说应该。当我离线运行生产版本时,会收到如下消息

得到http://localhost:3001/static/css/main.6a923b45.css 网络::错误\u互联网\u断开连接
localhost/:1获取http://localhost:3001/static/js/main.77163466.js 网络::错误\u互联网\u断开连接
获取脚本时发生未知错误。
service-worker.js无法加载资源:net::ERR\u INTERNET\u已断开连接
我不认为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": "./"
}

软件缓存是否有一个最大文件大小?

为了使web应用程序脱机工作,您必须先转到带有internet的页面,然后通过浏览器进行缓存,如果您之前使用internet访问过该页面,请确保在生成文件夹中存在文件service worker.js

,是否可以提供您的json?也许这是一种更好的方式来考虑webpack。我保证你会需要的!我添加了package.json没有
react create app
这样的东西。你说的是创建react应用程序吗?看看你的
包。json
显示你已经安装了额外的包。默认情况下,
create react app
应该没有问题。您的问题似乎意味着,当您使用该命令创建新应用程序时,它无法脱机工作。我认为那不是真的。请改写你的问题。你的全部答案!您可以脱机运行应用程序,而不必联机。而且也没有服务工作者.js。。。最好的建议是提供package.json并查看其脚本1)当您使用create react app项目运行命令npm run build时,在build文件夹中应该有一个名为service-worker.js的文件,在main.*.js中注册该文件,如果你没有,你就不会有任何软件功能2)我说的是互联网连接的一部分,因为他显然有这个错误:service-worker.js无法加载资源:net::ERR_internetu_DISCONNECTED,所以他可能在使用软件缓存文件之前杀死了本地主机服务器,试图测试脱机行为