Webpack不提供公共文件

Question

我已经通过create-react-app包创建了一个react应用，我想在我的应用上获得一个Add To Homescreen按钮。我从yarn start的{​​{1}}运行我的开发服务器。我已经通过> chrome：// flags /＃bypass-app-banner-engagement-checks

在Chrome中添加了localhost:8080

我在PC上的浏览器中导航到我的应用程序，并进行了响应式操作，但是在日志中看到错误：

无法安装站点：页面没有清单URL

create-react-app插件将清单放在Bypass user engagement checks文件夹中，但是我正在使用./public启动应用程序webpack-dev-server

在我的webpack.config.js中，我拥有：

"start": "webpack-dev-server --mode development --open --hot --env.presets serviceworker",

我的./public文件夹包含module.exports = { entry: './src/index.tsx', devServer: { contentBase: '/public' }, 文件。但是，当我启动应用程序时，出现错误：

无法安装站点：页面没有清单URL

我认为我的webpack指向的文件夹不正确，或者webpack配置错误。

Answer 1

contentBase中的路径应以.开头。所以：

devServer: {
  contentBase: './public'
},

在我的src/index.html中：

<link href="manifest.json" rel="manifest" />

现在manifest已加载。