Created
February 13, 2026 22:18
-
-
Save beporter/a45cbf03afa37b474f1127fe89144a90 to your computer and use it in GitHub Desktop.
npm create @storybook:latest error in alpine/busybox
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| % docker run -it --rm node:lts-alpine sh | |
| / # cat /etc/os-release | |
| NAME="Alpine Linux" | |
| ID=alpine | |
| VERSION_ID=3.23.3 | |
| PRETTY_NAME="Alpine Linux v3.23" | |
| HOME_URL="https://alpinelinux.org/" | |
| BUG_REPORT_URL="https://gitlab.alpinelinux.org/alpine/aports/-/issues" | |
| / # pwd | |
| / | |
| / # # Per https://vuejs.org/guide/quick-start.html: | |
| / # npm create vue@latest | |
| Need to install the following packages: | |
| create-vue@3.21.0 | |
| Ok to proceed? (y) | |
| > npx | |
| > "create-vue" | |
| ┌ Vue.js - The Progressive JavaScript Framework | |
| │ | |
| ◇ Project name (target directory): | |
| │ vue-project | |
| │ | |
| ◇ Select features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm) | |
| │ none | |
| │ | |
| ◇ Select experimental features to include in your project: (↑/↓ to navigate, space to select, a to toggle all, enter to confirm) | |
| │ none | |
| │ | |
| ◇ Skip all example code and start with a blank Vue project? | |
| │ No | |
| Scaffolding project in /vue-project... | |
| │ | |
| └ Done. Now run: | |
| cd vue-project | |
| npm install | |
| npm run dev | |
| | Optional: Initialize Git in your project directory with: | |
| git init && git add -A && git commit -m "initial commit" | |
| npm notice | |
| npm notice New minor version of npm available! 11.6.2 -> 11.10.0 | |
| npm notice Changelog: https://github.com/npm/cli/releases/tag/v11.10.0 | |
| npm notice To update run: npm install -g npm@11.10.0 | |
| npm notice | |
| / # cd vue-project/ | |
| /vue-project # npm install | |
| added 122 packages, and audited 123 packages in 10s | |
| 30 packages are looking for funding | |
| run `npm fund` for details | |
| found 0 vulnerabilities | |
| /vue-project # npm create storybook@latest | |
| Need to install the following packages: | |
| create-storybook@10.2.8 | |
| Ok to proceed? (y) | |
| > vue-project@0.0.0 npx | |
| > "create-storybook" | |
| ┌ Initializing Storybook | |
| │ | |
| ● Adding Storybook version 10.2.8 to your project | |
| │ | |
| ◇ Framework detected: vue3-vite | |
| │ | |
| ◇ New to Storybook? | |
| │ Yes: Help me with onboarding | |
| │ | |
| ● Storybook collects completely anonymous usage telemetry. We use it to shape | |
| │ Storybook's roadmap and prioritize features. You can learn more, including how | |
| │ to opt out, at https://storybook.js.org/telemetry | |
| │ | |
| ◆ Storybook configuration generated | |
| │ | |
| │ - Configuring main.js | |
| │ - Configuring preview.js | |
| │ - Adding Storybook command to package.json | |
| │ - Copying framework templates | |
| │ | |
| ◆ Dependencies added to package.json | |
| │ | |
| │ Adding devDependencies: | |
| │ - storybook@^10.2.8 | |
| │ - @storybook/vue3-vite@^10.2.8 | |
| │ - @chromatic-com/storybook@^5.0.1 | |
| │ - @storybook/addon-vitest@^10.2.8 | |
| │ - @storybook/addon-a11y@^10.2.8 | |
| │ - @storybook/addon-docs@^10.2.8 | |
| │ - @storybook/addon-onboarding@^10.2.8 | |
| │ - vitest | |
| │ - playwright | |
| │ - @vitest/browser-playwright | |
| │ - @vitest/coverage-v8 | |
| │ | |
| ◇ Dependencies installed | |
| │ | |
| ◇ Configuring addons... | |
| │ | |
| │ Configuring @chromatic-com/storybook... | |
| │ Configuring @chromatic-com/storybook... | |
| │ @chromatic-com/storybook configured | |
| │ Configuring @chromatic-com/storybook... | |
| │ @chromatic-com/storybook configured | |
| │ | |
| │ Configuring @storybook/addon-vitest... | |
| │ Configuring @chromatic-com/storybook... | |
| │ @chromatic-com/storybook configured | |
| │ | |
| │ Configuring @storybook/addon-vitest... | |
| │ Creating a Vitest setup file for Storybook: | |
| │ Configuring @chromatic-com/storybook... | |
| │ @chromatic-com/storybook configured | |
| │ | |
| │ Configuring @storybook/addon-vitest... | |
| │ Creating a Vitest setup file for Storybook: | |
| │ /vue-project/.storybook/vitest.setup.js | |
| │ | |
| │ | |
| ◆ Addons configured successfully | |
| │ | |
| │ ✅ @chromatic-com/storybook | |
| │ ✅ @storybook/addon-vitest | |
| │ ✅ @storybook/addon-a11y | |
| │ ✅ @storybook/addon-docs | |
| │ ✅ @storybook/addon-onboarding | |
| │ | |
| │ Playwright browser binaries are necessary for @storybook/addon-vitest. The | |
| │ download can take some time. If you don't want to wait, you can skip the | |
| │ installation and run the following command manually later: | |
| │ npx playwright install chromium --with-deps | |
| │ | |
| ◇ Do you want to install Playwright with Chromium now? | |
| │ No | |
| │ | |
| ▲ Playwright installation skipped | |
| │ | |
| ◇ Storybook was successfully installed in your project! | |
| │ | |
| │ To run Storybook manually, run npm run storybook. CTRL+C to stop. | |
| │ | |
| │ Wanna know more about Storybook? Check out https://storybook.js.org/ | |
| │ Having trouble or want to chat? Join us at https://discord.gg/storybook/ | |
| ps: unrecognized option: p | |
| BusyBox v1.37.0 (2025-12-16 14:19:28 UTC) multi-call binary. | |
| Usage: ps [-o COL1,COL2=HEADER] [-T] | |
| Show list of processes | |
| -o COL1,COL2=HEADER Select columns for display | |
| -T Show threads | |
| │ | |
| └ | |
| ┌ storybook v10.2.8 | |
| │ | |
| ■ Failed to build the preview | |
| │ | |
| ■ Error: Can not found environment context for client | |
| │ at InspectContextVite.getEnvContext | |
| │ (file://./node_modules/vite-plugin-inspect/dist/shared/vite-plugin-inspect.BzUKaD4x.mjs:195:15) | |
| │ at | |
| │ file://./node_modules/vite-plugin-inspect/dist/shared/vite-plugin-inspect.BzUKaD4x.mjs:676:30 | |
| │ at async file://./node_modules/@storybook/builder-vite/dist/index.js:1862:213 | |
| │ at async Promise.all (index 5) | |
| │ at async getOptimizeDeps | |
| │ (file://./node_modules/@storybook/builder-vite/dist/index.js:1862:159) | |
| │ at async createViteServer | |
| │ (file://./node_modules/@storybook/builder-vite/dist/index.js:1888:19) | |
| │ at async Module.start | |
| │ (file://./node_modules/@storybook/builder-vite/dist/index.js:1923:17) | |
| │ at async storybookDevServer | |
| │ (file://./node_modules/storybook/dist/core-server/index.js:7207:83) | |
| │ at async buildOrThrow | |
| │ (file://./node_modules/storybook/dist/core-server/index.js:4504:12) | |
| │ at async buildDevStandalone | |
| │ (file://./node_modules/storybook/dist/core-server/index.js:7577:66) | |
| │ | |
| ▲ Broken build, fix the error above. | |
| │ You may need to refresh the browser. | |
| │ | |
| ◇ Would you like to send anonymous crash reports to improve Storybook and | |
| │ fix bugs faster? | |
| │ Yes | |
| │ | |
| │ Debug logs are written to: /vue-project/debug-storybook.log | |
| │ | |
| └ Storybook exited with an error |
Author
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is a reproduction transcript for storybookjs/storybook#33847