Reactjs 使用create react app制作的程序无法脱机工作
我正在开发我的第一个小CreateReact应用程序。我想让它离线工作,文档上说应该。当我离线运行生产版本时,会收到如下消息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无法加载
得到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,所以他可能在使用软件缓存文件之前杀死了本地主机服务器,试图测试脱机行为