stackblitz / tutorialkit

TutorialKit by StackBlitz - Create interactive tutorials powered by the WebContainer API
https://tutorialkit.dev
MIT License
503 stars 48 forks source link

Getting the message "Error the build was canceled" immediately after setup #390

Open noam-honig opened 1 month ago

noam-honig commented 1 month ago

Describe the bug

I get multiple errors on build - right after running npm create tutorial@latest both on windows and wsl

noam@Win11:~/try/t01/online-remult-tutorial$ npm run build

> online-remult-tutorial@0.0.1 build
> astro check && astro build

✘ [ERROR] The build was canceled

08:03:39 [types] Generated 1.41s
08:03:39 [check] Getting diagnostics for Astro files in /home/noam/try/t01/online-remult-tutorial...
Result (8 files):
- 0 errors
- 0 warnings
- 0 hints

✘ [ERROR] The build was canceled

08:03:45 [types] Generated 397ms
08:03:45 [build] output: "static"
08:03:45 [build] directory: /home/noam/try/t01/online-remult-tutorial/dist/
08:03:45 [build] Collecting build info...
08:03:45 [build] ✓ Completed in 1.45s.
08:03:45 [build] Building static entrypoints...
"Line" is imported from external module "@codemirror/state" but never used in "node_modules/@tutorialkit/react/dist/core/CodeMirrorEditor/indent.js", "node_modules/@tutorialkit/react/dist/core/CodeMirrorEditor/cm-theme.js" and "node_modules/@tutorialkit/react/dist/core/CodeMirrorEditor/index.js".
08:03:54 [vite] ✓ built in 9.67s
08:03:54 [build] ✓ Completed in 9.70s.

 building client (vite)
08:03:59 [vite] ✓ 660 modules transformed.
08:03:59 [vite] dist/_astro/ec.8zarh.js                          2.42 kB
08:03:59 [vite] dist/_astro/_slug_.p80qyc3e.css                 13.36 kB │ gzip:   2.95 kB
08:03:59 [vite] dist/_astro/ec.lo7kk.css                        20.38 kB │ gzip:   4.45 kB
08:03:59 [vite] dist/_astro/index.BDWyZ8Gq.js                    0.29 kB │ gzip:   0.23 kB
08:03:59 [vite] dist/_astro/theme-store.BkTMmRgV.js              0.33 kB │ gzip:   0.22 kB
08:03:59 [vite] dist/_astro/is-preview-message.ZaUdCj-5.js       0.34 kB │ gzip:   0.25 kB
08:03:59 [vite] dist/_astro/_slug_.89f348d8.BKx4Q3iB.js          0.54 kB │ gzip:   0.26 kB
08:03:59 [vite] dist/_astro/index.DgoachrA.js                    0.61 kB │ gzip:   0.35 kB
08:03:59 [vite] dist/_astro/ThemeSwitch.Cm_pIVTw.js              0.75 kB │ gzip:   0.43 kB
08:03:59 [vite] dist/_astro/LoginButton.Du2YHlwY.js              0.86 kB │ gzip:   0.52 kB
08:03:59 [vite] dist/_astro/jsx-runtime.B6N9iRLn.js              0.92 kB │ gzip:   0.58 kB
08:03:59 [vite] dist/_astro/client.DtQD7m52.js                   1.75 kB │ gzip:   0.89 kB
08:03:59 [vite] dist/_astro/index.CU4-LTQY.js                    2.28 kB │ gzip:   1.04 kB
08:03:59 [vite] dist/_astro/index.CT5_QPd6.js                    2.62 kB │ gzip:   1.61 kB
08:03:59 [vite] dist/_astro/index.BpP6Y8ev.js                    2.84 kB │ gzip:   1.61 kB
08:03:59 [vite] dist/_astro/index.C_x5C3a-.js                    3.59 kB │ gzip:   1.82 kB
08:03:59 [vite] dist/_astro/index.DNi1g-pO.js                    7.23 kB │ gzip:   2.91 kB
08:03:59 [vite] dist/_astro/OpenInStackblitzLink.D0lHZZvx.js     8.66 kB │ gzip:   3.70 kB
08:03:59 [vite] dist/_astro/hoisted.Df0Q_Fi1.js                 19.12 kB │ gzip:   6.45 kB
08:03:59 [vite] dist/_astro/index.BK4Dft89.js                   21.82 kB │ gzip:   9.85 kB
08:03:59 [vite] dist/_astro/index.BrCa7_dZ.js                   23.13 kB │ gzip:  10.25 kB
08:03:59 [vite] dist/_astro/index.79P4xX5r.js                   26.28 kB │ gzip:   8.77 kB
08:03:59 [vite] dist/_astro/index.CSw4d_b_.js                   28.83 kB │ gzip:  11.76 kB
08:03:59 [vite] dist/_astro/index.Ck9yz3Ls.js                   43.17 kB │ gzip:  14.92 kB
08:03:59 [vite] dist/_astro/webcontainer.BDuVMs12.js            43.90 kB │ gzip:  14.57 kB
08:03:59 [vite] dist/_astro/index.DCEevIE7.js                   44.39 kB │ gzip:  14.85 kB
08:03:59 [vite] dist/_astro/index.Bg4pJIWr.js                   85.66 kB │ gzip:  33.96 kB
08:03:59 [vite] dist/_astro/WorkspacePanelWrapper.ChrkZsQB.js   90.73 kB │ gzip:  31.27 kB
08:03:59 [vite] dist/_astro/NavWrapper.DJolMl14.js             123.56 kB │ gzip:  40.69 kB
08:03:59 [vite] dist/_astro/index.DDEQXXIH.js                  133.95 kB │ gzip:  43.14 kB
08:03:59 [vite] dist/_astro/index.BW0d_TQw.js                  294.97 kB │ gzip:  73.88 kB
08:03:59 [vite] dist/_astro/TerminalPanel.B8BSOEHI.js          501.20 kB │ gzip: 158.28 kB
08:03:59 [WARN] [vite]
(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
08:03:59 [vite] ✓ built in 4.99s

 generating static routes
08:03:59 ▶ @tutorialkit/astro/dist/default/pages/index.astro
08:03:59   └─ /index.html (+14ms)
08:04:00 ▶ @tutorialkit/astro/dist/default/pages/[...slug].astro
08:04:00   └─ /1-basics/1-introduction/1-welcome/index.htmlTrying to compute an absolute file URL but Astro.site is not set.
 (+27ms)
08:04:00 ✓ Completed in 314ms.

08:04:00 [@tutorialkit/astro] 1-basics-1-introduction-1-welcome-solution.json
08:04:00 [@tutorialkit/astro] 1-basics-1-introduction-1-welcome-files.json
08:04:00 [@tutorialkit/astro] template-default.json
08:04:00 [build] 2 page(s) built in 16.48s
08:04:00 [build] Complete!
noam@Win11:~/try/t01/online-remult-tutorial$

Link to a StackBlitz project which shows the error

No response

Steps to reproduce

  1. Run 'npm create tutorialkit@latest`
  2. Run npm run build Get these errors

Expected behavior

Expected to look like there are no errors out of the box :)

Screenshots

No response

Platform

Additional context

The backstory is that I'm trying to upgrade a project created with 0.0.2 to latest and greatest and it doesn't build - and I'm trying to figure out what needs to be done, by comparing it to a project just after install.

AriPerkkio commented 1 month ago

I think errors have always been there. @Nemikolh any ideas where they come from?

and it doesn't build

It does build successfully. In the end of your log output there is:

08:04:00 [build] 2 page(s) built in 16.48s 08:04:00 [build] Complete!

noam-honig commented 1 month ago

@AriPerkkio I see that it eventually produces a result - just thinking of it as a newbie - red error notices are scary :)

AriPerkkio commented 1 month ago

just thinking of it as a newbie - red error notices are scary

I agree! We should get rid of these errors. The build command seems to run astro check && astro build. If you remove astro check, do the errors still appear?

noam-honig commented 1 month ago

@AriPerkkio not completely

C:\try\t12\online-remult-tutorial>npm run build

> online-remult-tutorial@0.0.1 build
> astro build

09:33:27 [vite] Re-optimizing dependencies because vite config has changed
X [ERROR] The build was canceled

09:33:28 [types] Generated 1.36s
09:33:28 [build] output: "static"
09:33:28 [build] directory: C:\try\t12\online-remult-tutorial\dist\
09:33:28 [build] Collecting build info...
09:33:28 [build] ✓ Completed in 2.80s.
09:33:28 [build] Building static entrypoints...
"Line" is imported from external module "@codemirror/state" but never used in "node_modules/@tutorialkit/react/dist/core/CodeMirrorEditor/indent.js", "node_modules/@tutorialkit/react/dist/cor
e/CodeMirrorEditor/cm-theme.js" and "node_modules/@tutorialkit/react/dist/core/CodeMirrorEditor/index.js".
09:33:39 [vite] ✓ built in 11.02s
09:33:39 [build] ✓ Completed in 11.09s.

 building client (vite) 
09:33:44 [vite] ✓ 660 modules transformed.
09:33:44 [vite] dist/_astro/ec.8zarh.js                          2.42 kB
09:33:44 [vite] dist/_astro/_slug_.p80qyc3e.css                 13.36 kB │ gzip:   2.95 kB
09:33:44 [vite] dist/_astro/ec.lo7kk.css                        20.38 kB │ gzip:   4.45 kB
09:33:44 [vite] dist/_astro/index.BDWyZ8Gq.js                    0.29 kB │ gzip:   0.23 kB
09:33:44 [vite] dist/_astro/theme-store.BkTMmRgV.js              0.33 kB │ gzip:   0.22 kB
09:33:44 [vite] dist/_astro/is-preview-message.ZaUdCj-5.js       0.34 kB │ gzip:   0.25 kB
09:33:44 [vite] dist/_astro/_slug_.89f348d8.BKx4Q3iB.js          0.54 kB │ gzip:   0.26 kB
09:33:44 [vite] dist/_astro/index.DgoachrA.js                    0.61 kB │ gzip:   0.35 kB
09:33:44 [vite] dist/_astro/ThemeSwitch.Cm_pIVTw.js              0.75 kB │ gzip:   0.43 kB
09:33:44 [vite] dist/_astro/LoginButton.Du2YHlwY.js              0.86 kB │ gzip:   0.52 kB
09:33:44 [vite] dist/_astro/jsx-runtime.B6N9iRLn.js              0.92 kB │ gzip:   0.58 kB
09:33:44 [vite] dist/_astro/client.DtQD7m52.js                   1.75 kB │ gzip:   0.89 kB
09:33:44 [vite] dist/_astro/index.CU4-LTQY.js                    2.28 kB │ gzip:   1.04 kB
09:33:44 [vite] dist/_astro/index.CT5_QPd6.js                    2.62 kB │ gzip:   1.61 kB
09:33:44 [vite] dist/_astro/index.BpP6Y8ev.js                    2.84 kB │ gzip:   1.61 kB
09:33:44 [vite] dist/_astro/index.C_x5C3a-.js                    3.59 kB │ gzip:   1.82 kB
09:33:44 [vite] dist/_astro/index.DNi1g-pO.js                    7.23 kB │ gzip:   2.91 kB
09:33:44 [vite] dist/_astro/OpenInStackblitzLink.D0lHZZvx.js     8.66 kB │ gzip:   3.70 kB
09:33:44 [vite] dist/_astro/hoisted.Df0Q_Fi1.js                 19.12 kB │ gzip:   6.45 kB
09:33:44 [vite] dist/_astro/index.BK4Dft89.js                   21.82 kB │ gzip:   9.85 kB
09:33:44 [vite] dist/_astro/index.BrCa7_dZ.js                   23.13 kB │ gzip:  10.25 kB
09:33:44 [vite] dist/_astro/index.79P4xX5r.js                   26.28 kB │ gzip:   8.77 kB
09:33:44 [vite] dist/_astro/index.CSw4d_b_.js                   28.83 kB │ gzip:  11.76 kB
09:33:44 [vite] dist/_astro/index.Ck9yz3Ls.js                   43.17 kB │ gzip:  14.92 kB
09:33:44 [vite] dist/_astro/webcontainer.BDuVMs12.js            43.90 kB │ gzip:  14.57 kB
09:33:44 [vite] dist/_astro/index.DCEevIE7.js                   44.39 kB │ gzip:  14.85 kB
09:33:44 [vite] dist/_astro/index.Bg4pJIWr.js                   85.66 kB │ gzip:  33.96 kB
09:33:44 [vite] dist/_astro/WorkspacePanelWrapper.CBYC2-E4.js   90.71 kB │ gzip:  31.26 kB
09:33:44 [vite] dist/_astro/NavWrapper.DJolMl14.js             123.56 kB │ gzip:  40.69 kB
09:33:44 [vite] dist/_astro/index.DDEQXXIH.js                  133.95 kB │ gzip:  43.14 kB
09:33:44 [vite] dist/_astro/index.BW0d_TQw.js                  294.97 kB │ gzip:  73.88 kB
09:33:44 [vite] dist/_astro/TerminalPanel.B8BSOEHI.js          501.20 kB │ gzip: 158.28 kB
09:33:44 [WARN] [vite]
(!) Some chunks are larger than 500 kB after minification. Consider:
- Using dynamic import() to code-split the application
- Use build.rollupOptions.output.manualChunks to improve chunking: https://rollupjs.org/configuration-options/#output-manualchunks
- Adjust chunk size limit for this warning via build.chunkSizeWarningLimit.
09:33:44 [vite] ✓ built in 5.12s

 generating static routes 
09:33:44 ▶ @tutorialkit/astro/dist/default/pages/index.astro
09:33:44   └─ /index.html (+20ms)
09:33:45 ▶ @tutorialkit/astro/dist/default/pages/[...slug].astro
09:33:45   └─ /1-basics/1-introduction/1-welcome/index.htmlTrying to compute an absolute file URL but Astro.site is not set.
 (+31ms)
09:33:45 ✓ Completed in 510ms.

09:33:45 [@tutorialkit/astro] 1-basics-1-introduction-1-welcome-files.json
09:33:45 [@tutorialkit/astro] 1-basics-1-introduction-1-welcome-solution.json
09:33:45 [@tutorialkit/astro] template-default.json
09:33:45 [build] 2 page(s) built in 19.57s
09:33:45 [build] Complete!

C:\try\t12\online-remult-tutorial>
noam-honig commented 1 month ago

and it looks like this: image

Draws attention

AriPerkkio commented 1 month ago

There's a lot of similar reports on Astro about this too. We should go through their reports and look for solutions there 🤔