bun
bun copied to clipboard
oven-sh
Unable to run Next.js app with `bun dev`
Version
0.1.4
Platform
Linux ballpoint 5.10.102.1-microsoft-standard-WSL2 #1 SMP Wed Mar 2 00:30:59 UTC 2022 x86_64 x86_64 x86_64 GNU/Linux
What steps will reproduce the bug?
- Use the
package.jsonandtsconfig.jsonprovided below. - Run Next with
bun dev. - Upon opening the page the following error occurs:
➜ CSUnrealEdition git:(experiment/use-bun) bun dev
[0.01ms] ".env.local"
[2.00ms] bun!! v0.1.4
Link: http://localhost:3000
Possibly incompatible Next.js version: 12.2.2 . Please upgrade to Next.js 11.1.2 or Next.js 12.0.2+.
[109.25ms] Next.js ready! (powered by bun)
SegmentationFault at 24
–––– bun meta ––––
Bun v0.1.4 Linux x64 #1 SMP Wed Mar 2 00:30:59 UTC 2022
DevCommand: tsconfig_paths fast_refresh tsconfig filesystem_router framework public_folder dotenv bunfig
Elapsed: 4534ms | User: 78ms | Sys: 22ms
RSS: 90.19MB | Peak: 103.50MB | Commit: 90.19MB | Faults: 0
–––– bun meta ––––
Ask for #help in https://bun.sh/discord or go to https://bun.sh/issues
package.json:
{
"name": "nextapp",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"svgr": "npx @svgr/cli -d src/components/icons --ignore-existing --icon --typescript public/static/icons",
"build:analyze": "ANALYZE=true yarn build",
"lint": "eslint '**/*.{js,jsx,ts,tsx}'",
"prettier": "prettier --write '**/*.{js,jsx,ts,tsx}'",
"prepare": "husky install"
},
"dependencies": {
"@next/bundle-analyzer": "^12.2.2",
"@react-spring/web": "^9.5.0",
"@storyofams/next-password-protect": "^1.7.0",
"@tiptap/extension-image": "^2.0.0-beta.30",
"@tiptap/extension-task-item": "^2.0.0-beta.37",
"@tiptap/extension-task-list": "^2.0.0-beta.29",
"@tiptap/extension-typography": "^2.0.0-beta.22",
"@tiptap/react": "^2.0.0-beta.114",
"@tiptap/starter-kit": "^2.0.0-beta.191",
"axios": "^0.27.2",
"chalk": "^5.0.1",
"classnames": "^2.3.1",
"dayjs": "^1.11.3",
"locomotive-scroll": "^4.1.4",
"mongoose": "^6.4.4",
"mongoose-beautiful-unique-validation": "^7.1.1",
"mongoose-paginate-v2": "^1.7.0",
"nanoid": "^4.0.0",
"next": "^12.2.2",
"next-compose-plugins": "^2.2.1",
"next-optimized-images": "^2.6.2",
"next-themes": "^0.2.0",
"next-translate": "^1.0.1",
"pluralize": "^8.0.0",
"prettier": "^2.2.1",
"react": "18.2.0",
"react-dom": "18.2.0",
"react-locomotive-scroll": "^0.2.0",
"react-use": "^17.4.0",
"reading-time": "^1.5.0",
"remixicon": "^2.5.0",
"sass": "^1.32.5",
"slugify": "^1.6.5",
"swr": "^1.3.0",
"tailwindcss": "^3.1.6"
},
"devDependencies": {
"@next/eslint-plugin-next": "^12.2.2",
"@svgr/cli": "^6.2.1",
"@tailwindcss/typography": "^0.5.3",
"@types/mongoose": "^5.11.97",
"@types/node": "^18.0.3",
"@types/pluralize": "^0.0.29",
"@types/react": "^18.0.15",
"@types/react-dom": "^18.0.6",
"@typescript-eslint/eslint-plugin": "^5.30.5",
"@typescript-eslint/parser": "^5.30.5",
"autoprefixer": "^10.4.7",
"eslint": "^8.19.0",
"eslint-config-prettier": "^8.5.0",
"eslint-plugin-prettier": "^4.2.1",
"husky": "^8.0.0",
"lint-staged": "^13.0.3",
"postcss": "^8.4.14",
"bun-framework-next": "^12",
"typescript": "latest"
},
"lint-staged": {
"*.{js,jsx,ts,tsx}": [
"yarn lint --quiet --fix"
]
}
}
tsconfig.json:
{
"compilerOptions": {
"target": "es5",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noEmit": true,
"esModuleInterop": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"jsx": "preserve",
"baseUrl": ".",
"paths": {
"@pages/*": ["pages/*"],
"@pages": ["pages"],
"@components/*": ["src/components/*"],
"@components": ["src/components"],
"@public/*": ["public/*"],
"@public": ["public"],
"@styles/*": ["src/styles/*"],
"@styles": ["src/styles/index.scss"],
"@components/icons/*": ["src/components/icons/*"],
"@components/icons": ["src/components/icons"],
"@utils/*": ["src/utils/*"],
"@utils": ["src/utils"],
"@models/*": ["src/models/*"],
"@models": ["src/models"],
"@i18n": ["i18n.js"]
},
"incremental": true
},
"include": [
"next-env.d.ts",
"src/utils/db/global.d.ts",
"**/*.ts",
"**/*.tsx"
],
"exclude": ["node_modules"]
}
How often does it reproduce? Is there a required condition?
Always
What is the expected behavior?
The application doesn't crash.
What do you see instead?
The application crashes.
Additional information
I've had a good experience with Bun so far, which is why I decided to give it a go and use Bun in this project. Unfortunately, it didn't work out of the box. Thanks for your work!
I think this is a problem with bun in general. It successfully works with react project created by bun itself but not with already existing one.
Might've been fixed in latest bun version.
With those specific package.json and tsconfig.json in the same directory and nothing else, running bun v0.1.11 didn't segfault (just 404s when accessing localhost:3000 as expected). I'm on Arch Linux 5.19.7-zen2-1-zen #1 ZEN SMP PREEMPT_DYNAMIC Mon, 05 Sep 2022 18:33:28 +0000 x86_64 GNU/Linux
I'm using a bun-created project (not React) and bun dev is crashing a LOT (not 100%—it usually survives one or two hmr refreshes). It seems to be correlated with large files (one of my test libraries is a dictionary of English words, and that made things fragile, I then added a fairly hefty glb (binary 3d data) scene for a different stress test and it got even worse.
It's frustrating because bun dev works so nicely when it works, but now it's an active PITA.
the old dev server bun dev was removed. related; the real next.js 13 pages router should work now
