用app制作的程序不能脱机工作。

Question

我正在工作，我的第一个小创造-反应-应用程序。我希望它能离线工作，文档中说应该这样做。当我脱机运行生产版本时，我会收到一条类似于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-缓存有最大文件大小吗？

Answer 1

为了使web应用程序脱机工作，您必须先转到带有internet的页面，然后由浏览器缓存，如果您已经使用internet访问了该页，请确保在构建文件夹中存在service-worker.js文件。