Quokka won't start - `{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token` #807

ehahn9 · 2022-08-01T12:45:49Z

Issue description or question

Is this issue related to Quokka not outputting the expected results of your code?: No

Sample code

Installed quokka extension, start vscode

Sample repository link

If the issue can not be reproduced just using the quokka file above
(for example because it requires/imports some files from your project),
please create a small repository where the issue can be reproduced.

Quokka.js Console Output

Quokka PRO 'Untitled-3.ts' (node: v16.14.2, babel: v7.18.5, plugins: auto-detect:create-react-app, jsdom-quokka-plugin)
 
{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token 'export'","stack":"./src/debug/index.ts:1\nexport * from './DebugPage';\n^^^^^^\n\nSyntaxError: Unexpected token 'export'\n    at Object.compileFunction (node:vm:352:18)\n    at wrapSafe (node:internal/modules/cjs/loader:1032:15)\n    at Module._compile (node:internal/modules/cjs/loader:1067:27)\n    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)\n    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)\n    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)\n    at Object.newLoader [as .ts] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)\n    at Module.load (node:internal/modules/cjs/loader:981:32)\n    at Function.Module._load (node:internal/modules/cjs/loader:822:12)\n    at Module.require (node:internal/modules/cjs/loader:1005:19)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at require (node:internal/modules/cjs/helpers:102:18)\n    at Object.<anonymous> (./node_modules/@babel/traverse/lib/path/index.js:10:14)\n    at Module._compile (node:internal/modules/cjs/loader:1103:14)\n    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)\n    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)\n    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)\n    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)\n    at Module.load (node:internal/modules/cjs/loader:981:32)\n    at Function.Module._load (node:internal/modules/cjs/loader:822:12)\n    at Module.require (node:internal/modules/cjs/loader:1005:19)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at require (node:internal/modules/cjs/helpers:102:18)\n    at Object.<anonymous> (./node_modules/@babel/traverse/lib/context.js:8:13)\n    at Module._compile (node:internal/modules/cjs/loader:1103:14)\n    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)\n    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)\n    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)\n    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)\n    at Module.load (node:internal/modules/cjs/loader:981:32)\n    at Function.Module._load (node:internal/modules/cjs/loader:822:12)\n    at Module.require (node:internal/modules/cjs/loader:1005:19)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at require (node:internal/modules/cjs/helpers:102:18)\n    at Object.<anonymous> (./node_modules/@babel/traverse/lib/traverse-node.js:8:16)\n    at Module._compile (node:internal/modules/cjs/loader:1103:14)\n    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)\n    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)\n    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)\n    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)\n    at Module.load (node:internal/modules/cjs/loader:981:32)\n    at Function.Module._load (node:internal/modules/cjs/loader:822:12)\n    at Module.require (node:internal/modules/cjs/loader:1005:19)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at require (node:internal/modules/cjs/helpers:102:18)\n    at Object.<anonymous> (./node_modules/@babel/traverse/lib/index.js:34:21)\n    at Module._compile (node:internal/modules/cjs/loader:1103:14)\n    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)\n    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)\n    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)\n    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)\n    at Module.load (node:internal/modules/cjs/loader:981:32)\n    at Function.Module._load (node:internal/modules/cjs/loader:822:12)\n    at Module.require (node:internal/modules/cjs/loader:1005:19)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at Module.r.require ([wallaby core]/server.js:31:3401)\n    at require (node:internal/modules/cjs/helpers:102:18)\n    at _traverse (./node_modules/@babel/core/lib/index.js:221:16)\n    at Object.get [as traverse] (./node_modules/@babel/core/lib/index.js:180:12)\n    at Function.assign (<anonymous>)\n    at ./node_modules/@babel/core/lib/config/full.js:226:24\n    at Generator.next (<anonymous>)\n    at Function.<anonymous> (./node_modules/@babel/core/lib/ge

Code editor version

Version: 1.69.2
Commit: 3b889b090b5ad5793f524b5d1d39fda662b96a2a
Date: 2022-07-18T16:32:39.000Z (1 wk ago)
Electron: 18.3.5
Chromium: 100.0.4896.160
Node.js: 16.13.2
V8: 10.0.139.17-electron.0
OS: Darwin arm64 21.5.0

OS name and version

OSX 12.4

The text was updated successfully, but these errors were encountered:

smcenlly · 2022-08-01T22:11:10Z

Could you please provide us with:

The code that you were attempting to run with Quokka
Your package.json file
Your babel configuration for your project (if you have any)

ehahn9 · 2022-08-02T15:40:13Z

To answer your questions: 1. code which was running: none - the extension crashes before I can put any code/content in the window 2. package.json (attached) 3. no babel - it's a vanilla create-react-app situation Hopefully we can figure this out! I had just renewed when I discovered this, so would like not to have my $99 be unusable!

…

____________________________________ Eric Hahn ***@***.***

On Mon, Aug 1, 2022 at 3:11 PM Simon McEnlly ***@***.***> wrote: Could you please provide us with: 1. The code that you were attempting to run with Quokka 2. Your package.json file 3. Your babel configuration for your project (if you have any) — Reply to this email directly, view it on GitHub <#807 (comment)>, or unsubscribe </~https://github.com/notifications/unsubscribe-auth/AACJA7U5EYYFCX6GKV6JBATVXBDQRANCNFSM55HN7GIQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

smcenlly · 2022-08-02T22:28:42Z

We just tried to run Quokka in a newly created create-react-app and it's working for us with a vanilla install.

package.json (attached)

Your package.json file didn't come through; I think you'll need to attach it manually in github.com vs. attaching via email.

Could you also confirm whether you have any .quokka configuration in your project OR a global ~/.quokka/config.json file and attach those?

The stack trace shows:

./src/debug/index.ts:1
export * from './DebugPage';
^^^^^^

SyntaxError: Unexpected token 'export'
    at Object.compileFunction (node:vm:352:18)
    at wrapSafe (node:internal/modules/cjs/loader:1032:15)
    at Module._compile (node:internal/modules/cjs/loader:1067:27)
    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)
    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Object.newLoader [as .ts] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (./node_modules/@babel/traverse/lib/path/index.js:10:14)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)
    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (./node_modules/@babel/traverse/lib/context.js:8:13)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)
    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (./node_modules/@babel/traverse/lib/traverse-node.js:8:16)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)
    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (./node_modules/@babel/traverse/lib/index.js:34:21)
    at Module._compile (node:internal/modules/cjs/loader:1103:14)
    at Module._0x292976.<computed> [as _compile] (eval at <anonymous> ([wallaby core]/node_modules/q/q.js:2075:6), <anonymous>:1:1118354)
    at Module._compile ([wallaby core]/node_modules/pirates/lib/index.js:99:24)
    at Module._extensions..js (node:internal/modules/cjs/loader:1157:10)
    at Object.newLoader [as .js] ([wallaby core]/node_modules/pirates/lib/index.js:104:7)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at Module.r.require ([wallaby core]/server.js:31:3401)
    at require (node:internal/modules/cjs/helpers:102:18)
    at _traverse (./node_modules/@babel/core/lib/index.js:221:16)
    at Object.get [as traverse] (./node_modules/@babel/core/lib/index.js:180:12)
    at Function.assign (<anonymous>)
    at ./node_modules/@babel/core/lib/config/full.js:226:24
    at Generator.next (<anonymous>)
    at Function.<anonymous> (./node_modules/@babel/core/lib/ge

I'm trying to understand where export * from './DebugPage'; comes from. It appears to somehow get called from Quokka's JSDOM plugin at start up.

ehahn9 · 2022-08-03T13:40:19Z

Here's the uploaded package.json (had to add .txt for github uploader)

package.json.txt

There is an empty ({}) in ~/.quokka/package.json but nothing in the project directory.

Thanks for your help! I'd really like to be able to use the $99 renewal I just did 😉

smcenlly · 2022-08-03T22:03:13Z

Thanks for sending through your package.json. We set up a sample repo and can't replicate your error.

Could you please provide:

As mentioned above, ~/.quokka/config.json
Your TypeScript configuration (should be tsconfig.json in your project root)

Also, do you have a node_modules directory in your ~/.quokka directory? If so, please also try deleting that.

If it's easier for you to work through your problem in real-time, we also have a discord server: http://wallabyjs.com/chat. Someone from our team is normally online from around 7am +10 GMT until 7pm +10 GMT.

smcenlly · 2022-08-04T01:10:07Z

We've managed to reproduce your issue. Will let you know when we have an update.

ehahn9 · 2022-08-04T01:26:54Z

fantastic -- much appreciated and good luck! (btw, my M1 air does NOT have this problem, so clearly something about my M1 desktop config). -E

…

____________________________________ Eric Hahn ***@***.***

On Wed, Aug 3, 2022 at 6:10 PM Simon McEnlly ***@***.***> wrote: We've managed to reproduce your issue. Will let you know when we have an update. — Reply to this email directly, view it on GitHub <#807 (comment)>, or unsubscribe </~https://github.com/notifications/unsubscribe-auth/AACJA7TPJAONJ6IDCE4NQK3VXMJ7VANCNFSM55HN7GIQ> . You are receiving this because you authored the thread.Message ID: ***@***.***>

smcenlly · 2022-08-04T02:34:04Z

Please update to the latest version of Quokka for VS Code (v1.0.496), it will fix your problem.

The reason you're not experiencing on a different computer will be because of a different project configuration.

The problem was actually in one of Quokka's dependencies, tsconfig-paths. Quokka uses this package to resolve your tsconfig.json compilerOptions.paths at runtime. What was happening was that it was resolving paths both within your project and in non-project files while it should only attempt to resolve paths for files that are part of your project.

It doesn't appear that this causes people problems outside of a Quokka context so we have updated Quokka to patch tsconfig-paths at runtime to fix your issue.

smcenlly added the more info is required label Aug 1, 2022

smcenlly removed the more info is required label Aug 4, 2022

smcenlly closed this as completed Aug 4, 2022

smcenlly added the bug label Aug 4, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Quokka won't start - `{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token` #807

Quokka won't start - `{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token` #807

ehahn9 commented Aug 1, 2022 •

edited

Loading

smcenlly commented Aug 1, 2022

ehahn9 commented Aug 2, 2022 via email

smcenlly commented Aug 2, 2022

ehahn9 commented Aug 3, 2022

smcenlly commented Aug 3, 2022

smcenlly commented Aug 4, 2022

ehahn9 commented Aug 4, 2022 via email

smcenlly commented Aug 4, 2022

Quokka won't start - {"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token #807

Quokka won't start - {"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token #807

Comments

ehahn9 commented Aug 1, 2022 • edited Loading

Issue description or question

Sample code

Sample repository link

Quokka.js Console Output

Code editor version

OS name and version

smcenlly commented Aug 1, 2022

ehahn9 commented Aug 2, 2022 via email

smcenlly commented Aug 2, 2022

ehahn9 commented Aug 3, 2022

smcenlly commented Aug 3, 2022

smcenlly commented Aug 4, 2022

ehahn9 commented Aug 4, 2022 via email

smcenlly commented Aug 4, 2022

Quokka won't start - `{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token` #807

Quokka won't start - `{"message":"[BABEL] [wallaby core]/runners/node/quokka@1.0.0/jsdomQuokkaPlugin.js: Unexpected token` #807

ehahn9 commented Aug 1, 2022 •

edited

Loading