create-react-app 构建服务-worker.js 和 manifest.json 未找到

Question

我用 create-react-app 创建了一个应用程序。我已经构建了它，并且编写了一个简单的快速应用程序来为反应构建的应用程序提供服务。
我对静态文件和 express 应用程序根文件夹中的文件有一些问题（例如 manifest.json、service-worker.js）。现在我在这两个文件上都得到了 404。
我怎样才能快速处理这些文件？它们必须在静态文件夹中吗？我必须修改反应应用程序吗？
我去看了react build生成的文件，里面导入了文件'service-worker.js'，字符串以'/'开头（也就是'/service-worker.js'）

（自创建项目以来，我还没有接触过 pwa 的文件）

Here there's my root folder of my express app

我只添加了 project.json 和 index.js（显然还有 node_modules），其他文件来自 React 构建。

这是我的快递应用程序：

const compression = require('compression');
const bodyParser = require('body-parser');
const express = require('express');
const app = express();

app.use('/sketches', express.static('sketches'));
app.use('/static', express.static('static'));

app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: true }));  
app.use(compression());

app.get('/', (req, res) => res.sendFile(__dirname + '/index.html'))

app.listen(process.env.PORT || 3000, () => console.log('server listening!'))

添加这行代码我得到了服务-worker.js但是我无法得到草图文件夹中的文件。

app.use('/', express.static(__dirname));

Answer 1

我遇到了同样的问题，我按照这些步骤解决了。

警告：我是这些技术的新手，对网络安全知之甚少。这可能不是最好的方法。

我使用 ejs 模板引擎和 express 让它工作，但它也应该适用于你的情况。

1) 创建反应应用

2) 纱线构建

3) 将静态文件夹复制到 public

4) 静态文件夹内的复制服务-worker.js

5) 进入主菜单 Ctrl + f

6) 在搜索中输入 /service-worker.js 按 Enter

7) 你会看到类似的东西 var e="/service-worker.js";

8) 变为var e="/static/service-worker.js

9) 最后开启服务-worker.js把/index.html改成/

precacheConfig=[["/","d6be891ca003070326267be1d2185407"]

create-react-app 构建服务-worker.js 和 manifest.json 未找到

create-react-app build service-worker.js and manifest.json not found

javascript

static

http-status-code-404

express

reactjs