Vue Cli 3 project won't generate manifest.json (PWA)

Question

I have a Vue Cli 3 project with @vue/cli-plugin-pwa plugin installed and configured (in vue.config.js ), but when I run vue-cli-service build --modern no manifest.json is generated based on my config.

I'm expecting to see a manifest.json that would contain, at the very least, the paths of the icons I specified. Maybe also the settings that I put in the vue.config.js .

Am I doing something wrong or maybe my expectation of how the plugin should work doesn't match the actual behavior?

How am I supposed to make Vue generate my manifest.json ?

Answer 1

I had the same issue. I ran a production build: yarn build or npm build and found the manifest.json file in the dist folder.

Answer 2

try Adding manifest.json manually under public file or you can also copy the manifest.json generated after npm build under the dist folder into the public file and then edit it according to your needs. Also check if your browser is detecting the manifest.json or not.

Answer 3

vue add @vue/pwa

vue create <app-name>

manifest.json 位于 public 文件夹中，而不是在 src 中