tutorialkit icon indicating copy to clipboard operation
tutorialkit copied to clipboard

Not able to view editor after serving the app

Open santoshyadavdev opened this issue 4 months ago • 3 comments

Describe the bug

I created a new app and while serving the app I get below errors in console,

1-welcome:1850 [astro-island] Error hydrating /node_modules/@tutorialkit/astro/dist/default/components/OpenInStackblitzLink.tsx SyntaxError: The requested module '/node_modules/@tutorialkit/runtime/node_modules/picomatch/posix.js?v=d3e2710f' does not provide an export named 'default' (at tutorial-runner.js:1:8) start @ 1-welcome:1850 1-welcome:1850 [astro-island] Error hydrating /node_modules/@tutorialkit/astro/dist/default/components/WorkspacePanelWrapper.tsx SyntaxError: The requested module '/node_modules/@tutorialkit/runtime/node_modules/picomatch/posix.js?v=d3e2710f' does not provide an export named 'default' (at tutorial-runner.js:1:8) start @ 1-welcome:1850

1-welcome:1850 [astro-island] Error hydrating /node_modules/@tutorialkit/astro/dist/default/components/OpenInStackblitzLink.tsx SyntaxError: The requested module '/node_modules/@tutorialkit/runtime/node_modules/picomatch/posix.js?v=d3e2710f' does not provide an export named 'default' (at tutorial-runner.js:1:8) start @ 1-welcome:1850 1-welcome:1850 [astro-island] Error hydrating /node_modules/@tutorialkit/astro/dist/default/components/WorkspacePanelWrapper.tsx SyntaxError: The requested module '/node_modules/@tutorialkit/runtime/node_modules/picomatch/posix.js?v=d3e2710f' does not provide an export named 'default' (at tutorial-runner.js:1:8) start @ 1-welcome:1850

Here is the repo you can clone: https://github.com/santoshyadavdev/tutorial-kit-demo

Link to a StackBlitz project which shows the error

https://github.com/santoshyadavdev/tutorial-kit-demo

Steps to reproduce

Steps followed:

  • yarn create tutorial
  • yarn install
  • yarn start

Expected behavior

I should be able to start a new app and I should be able to see the editor and run the command in terminal

Screenshots

Image

Platform

  • TutorialKit version: 1.5.2
  • OS: macOS
  • Browser: Chrome
  • Version: 139.0.7258.128

Additional context

No response

santoshyadavdev avatar Aug 21 '25 21:08 santoshyadavdev

Can you try upgrading Yarn, or trying with npm or other package managers?

  • https://github.com/stackblitz/tutorialkit/issues/404#issuecomment-2483081248

AriPerkkio avatar Aug 24 '25 08:08 AriPerkkio

Tried using npm but same issue

Image Image

santoshyadavdev avatar Aug 28 '25 08:08 santoshyadavdev

I'm unable to reproduce that on npm v10.9.3. Make sure you re-generate your node_modules when switcing away from yarn.

$ npm --version
10.9.3
$ rm -rf node_modules/ package-lock.json yarn.lock
$ npm install; npm run dev;

AriPerkkio avatar Aug 29 '25 09:08 AriPerkkio