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

Can't debug in serve mode #656

Closed rkrejcii closed 3 years ago

rkrejcii commented 3 years ago

Hi,

I started using this preset, but have following problem:

When I run

npm run serve

the code in DevTools is compiled by Webpack, so I can't use any debugging.

I will be grateful for any hint how to change this behavior.

Thank you Richard

Kocal commented 3 years ago

Hi, you need to build the extension first and load the extension in your browser, then run npm run serve.

That's maybe related to https://vue-web-extension.netlify.app/development/Vue-Devtools.html.

OrenLX commented 3 years ago

Hey, I have this issue as well. So far I can connect it - but there issues on the console:

image

any ideas how can I resolve it?

Kocal commented 3 years ago

Hi, looks like your Vue devtools is outdated, see:

Anyway, that's not an issue from vue-web-extension but from vue-devtools