search

Kocal / vue-web-extension

🛠️ A Vue CLI 3+ preset (previously a Vue CLI 2 boilerplate) for quickly starting a web extension with Vue, Babel, ESLint and more!
https://vue-web-extension.netlify.app/
MIT License
1.58k stars 167 forks source link

When I run default Vue Chrome Extension, Hello World component is not being rendered #673

Closed daveavi closed 3 years ago

daveavi commented 3 years ago

Hello! Currently I am testing out the vue-web-extension preset. By default I was expecting for the Hello World component to be rendered on to the popup html page when I click on the extension icon. However, it shows a blank page with just the extension name as the main header. Maybe I am doing something wrong, but here is what I do when I create my project:

Step 1:

image

Step 2:

image

Step 3: image

Then every other with regards to generating signing key and installing axios, I type no. Then for the last step, I type in npm run serve. When it builds the dist folder, here is what it contains:

image

When I click on the icon here is what it shows:

image

I want it to show the default popup front end with the Hello World component. I am a little new to using module bundlers, so there maybe some knowledge gap, but I would like to know why the default hello world isn't showing up for me when I run the introductory steps to building my chrome extension

daveavi commented 3 years ago

Never mind, this is the default behaviour as expected, this was a bit of dumb question, I am still getting comfortable with understanding module bundlers. I had to look at the code again, and realize this is the Hello World Component