react-nextjs example doesn't run on StackBlitz or local environment

[benhovinga]

The react-nextjs example doesn't start with npm start.

I have tried the StackBlitz link provided in the readme and I get this message in the terminal.

~/projects/yqnixooqwg.github
❯ npm install && npm start

added 366 packages in 7s

142 packages are looking for funding
  run `npm fund` for details

> react-nextjs@0.0.0 start
> next dev

▲ Next.js 16.2.2 (Turbopack)
- Local:         http://localhost:3000
- Network:       http://192.168.1.104:3000
✓ Ready in 577ms
  Downloading swc package @next/swc-wasm-nodejs... to /home/.cache/next-swc
  Skipping creating a lockfile at /home/projects/yqnixooqwg.github/.next/dev/lock because we're using WASM bindings
Error: Turbopack is not supported on this platform (linux/x64) because native bindings are not available. Only WebAssembly (WASM) bindings were loaded, and Turbopack requires native bindings.

To use Next.js on this platform, use Webpack instead:
  next dev --webpack

For more information, see: https://nextjs.org/docs/app/api-reference/turbopack#supported-platforms
    at ignore-listed frames

- Screenshot of StackBlitz dashboard

I then cloned the repo and tried to run it locally. After running npm start the server started without error but as soon as I visited http://localhost:3000 I get the below error in on the page.

## Error Type
Build Error

## Error Message
Error evaluating Node.js code

## Build Output
./src/styles/styles.scss
Error evaluating Node.js code
Error: Can't find stylesheet to import.
  ╷
1 │ @import "mixins/banner";
  │         ^^^^^^^^^^^^^^^
  ╵
  node_modules\bootstrap\scss\bootstrap.scss 1:9  @import
  src\styles\styles.scss 3:9                      root stylesheet
  (from C:\Users\user1\Programming\react-nextjs\node_modules\next\dist\build\webpack\loaders\resolve-url-loader\index.js, C:\Users\user1\Programming\react-nextjs\node_modules\next\dist\compiled\sass-loader\cjs.js)
Caused by: Error: Can't find stylesheet to import.
  ╷
1 │ @import "mixins/banner";
  │         ^^^^^^^^^^^^^^^
  ╵
  node_modules\bootstrap\scss\bootstrap.scss 1:9  @import
  src\styles\styles.scss 3:9                      root stylesheet
    [at Object.wrapException (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:2337:47)]
    [at C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:90086:25]
    [at _wrapJsFunctionForAsync_closure.$protected (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:5005:15)]
    [at _wrapJsFunctionForAsync_closure.call$2 (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:38686:12)]
    [at _awaitOnObject_closure.call$1 (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:38674:32)]
    [at Object._rootRunUnary (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:5429:18)]
    [at StaticClosure.<anonymous> (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:129707:16)]
    [at _CustomZone.runUnary$2$2 (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:40115:39)]
    [at _Future__propagateToListeners_handleValueCallback.call$0 (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:39175:51)]
    [at Object._Future__propagateToListeners (C:\Users\user1\Programming\react-nextjs\node_modules\sass\sass.dart.js:5215:93)]

Next.js version: 16.2.2 (Turbopack)

- Screenshot of the error page when running locally

My environment

• Windows 11 amd64
• Node v24.14.1
• NPM v11.7.0

[benhovinga]

Related issue: twbs/bootstrap#40962

[julien-deramond]

There are three separate issues here:

1. Sass deprecation warnings

Related issue: twbs/bootstrap#40962

These warnings are generated by Sass and appear when loading the page. They’re not blocking and don’t affect functionality.

I’ve silenced most of them in this commit: 7fca61c

If you pull the latest main branch, you should see significantly less noise in the output.

---

2. Build error

I then cloned the repo and tried to run it locally. After running npm start the server started without error but as soon as I visited http://localhost:3000/ I get the below error on the page.

I’m not able to reproduce this issue on my side. It works as expected on macOS, and I don’t currently have access to a Windows environment to test.

Could you try the following steps to ensure everything is up to date and clean?

git checkout main
git pull origin main
cd react-nextjs
rm -rf node_modules
npm install
npm run start

If the issue persists, could you please share the output of:

npm run build

That should help narrow down the cause.

---

3. StackBlitz issue

Thanks for reporting this! I've fixed the issue by forcing StackBlitz to use next dev --webpack in aed174d

And now: