Vue Cli 3 project won't generate manifest.json (PWA)
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
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?
javascript vue.js progressive-web-apps vue-cli-3
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
|
show 5 more comments
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?
javascript vue.js progressive-web-apps vue-cli-3
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
Did you choose _ PWA support_ option while initialing the app withvue create <app-name>?
– Adam Orlov
Nov 25 '18 at 1:51
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
Well I'd say there should be an info in your package.json. Any way besides manifest.json alsoregisterServiceWorker.jsfile should be created. Do you have it?
– Adam Orlov
Nov 25 '18 at 1:59
Yes, I do have theregisterServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?
– alexandernst
Nov 25 '18 at 2:01
The file should be located inpublicfolder. Did you check there?
– Adam Orlov
Nov 25 '18 at 2:04
|
show 5 more comments
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?
javascript vue.js progressive-web-apps vue-cli-3
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
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?
javascript vue.js progressive-web-apps vue-cli-3
javascript vue.js progressive-web-apps vue-cli-3
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
asked Nov 25 '18 at 1:33
alexandernstalexandernst
4,9671451124
4,9671451124
Did you choose _ PWA support_ option while initialing the app withvue create <app-name>?
– Adam Orlov
Nov 25 '18 at 1:51
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
Well I'd say there should be an info in your package.json. Any way besides manifest.json alsoregisterServiceWorker.jsfile should be created. Do you have it?
– Adam Orlov
Nov 25 '18 at 1:59
Yes, I do have theregisterServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?
– alexandernst
Nov 25 '18 at 2:01
The file should be located inpublicfolder. Did you check there?
– Adam Orlov
Nov 25 '18 at 2:04
|
show 5 more comments
Did you choose _ PWA support_ option while initialing the app withvue create <app-name>?
– Adam Orlov
Nov 25 '18 at 1:51
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
Well I'd say there should be an info in your package.json. Any way besides manifest.json alsoregisterServiceWorker.jsfile should be created. Do you have it?
– Adam Orlov
Nov 25 '18 at 1:59
Yes, I do have theregisterServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?
– alexandernst
Nov 25 '18 at 2:01
The file should be located inpublicfolder. Did you check there?
– Adam Orlov
Nov 25 '18 at 2:04
Did you choose _ PWA support_ option while initialing the app with
vue create <app-name> ?– Adam Orlov
Nov 25 '18 at 1:51
Did you choose _ PWA support_ option while initialing the app with
vue create <app-name> ?– Adam Orlov
Nov 25 '18 at 1:51
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
Well I'd say there should be an info in your package.json. Any way besides manifest.json also
registerServiceWorker.js file should be created. Do you have it?– Adam Orlov
Nov 25 '18 at 1:59
Well I'd say there should be an info in your package.json. Any way besides manifest.json also
registerServiceWorker.js file should be created. Do you have it?– Adam Orlov
Nov 25 '18 at 1:59
Yes, I do have the
registerServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?– alexandernst
Nov 25 '18 at 2:01
Yes, I do have the
registerServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?– alexandernst
Nov 25 '18 at 2:01
The file should be located in
public folder. Did you check there?– Adam Orlov
Nov 25 '18 at 2:04
The file should be located in
public folder. Did you check there?– Adam Orlov
Nov 25 '18 at 2:04
|
show 5 more comments
1 Answer
1
active
oldest
votes
vue add @vue/pwa
vue create <app-name>
manifest.json is located in public folder, not in src
answered Nov 25 '18 at 20:04
DaaronDaaron
149
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53463944%2fvue-cli-3-project-wont-generate-manifest-json-pwa%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
vue add @vue/pwa
vue create <app-name>
manifest.json is located in public folder, not in src
answered Nov 25 '18 at 20:04
DaaronDaaron
149
add a comment |
vue add @vue/pwa
vue create <app-name>
manifest.json is located in public folder, not in src
answered Nov 25 '18 at 20:04
DaaronDaaron
149
add a comment |
vue add @vue/pwa
vue create <app-name>
manifest.json is located in public folder, not in src
answered Nov 25 '18 at 20:04
DaaronDaaron
149
vue add @vue/pwa
vue create <app-name>
manifest.json is located in public folder, not in src
answered Nov 25 '18 at 20:04
DaaronDaaron
149
answered Nov 25 '18 at 20:04
DaaronDaaron
149
answered Nov 25 '18 at 20:04
DaaronDaaron
149
answered Nov 25 '18 at 20:04
DaaronDaaron
149
149
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53463944%2fvue-cli-3-project-wont-generate-manifest-json-pwa%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Did you choose _ PWA support_ option while initialing the app with
vue create <app-name>?– Adam Orlov
Nov 25 '18 at 1:51
@AdamOrlov I'm almost sure I did, but is there a way I can check?
– alexandernst
Nov 25 '18 at 1:55
Well I'd say there should be an info in your package.json. Any way besides manifest.json also
registerServiceWorker.jsfile should be created. Do you have it?– Adam Orlov
Nov 25 '18 at 1:59
Yes, I do have the
registerServiceWorker.js. I also checked the Vue UI, and it states that PWA component is enabled, which means that the project supports PWA. So, why Vue isn't generating the manifest.json?– alexandernst
Nov 25 '18 at 2:01
The file should be located in
publicfolder. Did you check there?– Adam Orlov
Nov 25 '18 at 2:04