The extension doesn't connects to Svelte (3.12.1)

[brunetton]

Steps to reproduce:

• install the extension (from v2 release)
• clone and install Sapper Template
  • npx degit "sveltejs/sapper-template#rollup" my-app
  • npm i
• run the app
  • npm run dev
• navigate to localhost:3000
• goto Svelte panel
• reload the page
• constat that the panel still says "Refresh the page to connect to svelte."

I tested on Chrome and FIrefox, the result is the same

• In Firefox, there's an error message in console: "=TypeError: blockId is undefined (privilegedContent.js:291:23)

Did I missed something ?
Any help would be really welcome ! Thanks

[RedHatter]

I believe this is caused by attempting to use an old version of svelte-devtools with the newer svelte. Try the latest release.

[brunetton]

Thanks for your answer.
As I said in the first step I installed svelte-devtools from https://github.com/RedHatter/svelte-devtools/releases/tag/v0.2.0. Is this the last version ? I'll try with the version from git repo

[brunetton]

I tried to build the extension from master and appart from a SyntaxError: The requested module 'fs' does not provide an export named 'promises' that I solved following this, I succeded using it.

• in Firefox installing it as a temporary module, this works 👍
• in Chome it complained about not found icons, but this works after removing icons from manifest

So you were right, the issue were a the "v2" release doesn't seems to work well with Svelte 3.12.1.

Maybe you should publish a new release to match what it's said in README ?

Thanks

[cbenz]

@brunetton I solved the error with promises by using node 12 (nvm use 12)

[RedHatter]

@brunetton I already did publish a new release. version 1.0.0

[brunetton]

@RedHatter thanks ! It works great with Chrome and Firefox 👍