Skip to content

Vinext failes to work on new hello world Next.js app #22

@taeold

Description

@taeold

Version

$ node --version
v22.19.0
$ sw_vers
ProductName:            macOS
ProductVersion:         15.7.4
BuildVersion:           24G517

Reproduction Steps

Bootstrap a new Next.js project:

$ npx create-next-app@latest my-app --yes
$ cd my-app

Install and initialize vinext:

$ npm install vinext
$ npx vinext init

  vinext init

  Running compatibility check...


  vinext compatibility report
  ========================================

  Imports: 1/2 fully supported
    ~  next/font/google (1 file) — fonts loaded from CDN, not self-hosted at build time
    ✓  next/image (1 file) — uses @unpic/react (no local optimization yet)

  Libraries: 1/1 compatible
    ✓  tailwindcss

  Project structure:
    ✓  App Router (app/)
    ✓  1 page(s)
    ✓  1 layout(s)

  ----------------------------------------
  Overall: 92% compatible (5 supported, 1 partial, 0 issues)

  Partial support (may need attention):
    ~  next/font/google — fonts loaded from CDN, not self-hosted at build time


  vinext init complete!

    - Skipped vite.config.ts (already exists, use --force to overwrite)

  Next steps:
    npm run dev:vinext    Start the vinext dev server
    npm run dev           Start Next.js (still works as before)

Run the dev server:

$ npm run dev:vinext

> my-app@0.1.0 dev:vinext
> vite dev --port 3001

Failed to resolve dependency: react-server-dom-webpack/server.edge, present in rsc 'optimizeDeps.include'
Failed to resolve dependency: react-server-dom-webpack/client.edge, present in rsc 'optimizeDeps.include'
Failed to resolve dependency: react-server-dom-webpack/client.edge, present in ssr 'optimizeDeps.include'
Failed to resolve dependency: react-server-dom-webpack/client.browser, present in client 'optimizeDeps.include'

  VITE v7.3.1  ready in 331 ms

  ➜  Local:   http://localhost:3001/
  ➜  Network: use --host to expose
  ➜  press h + enter to show help
[vite] connected.
1:17:33 PM [vite] Internal server error: Could not resolve "react-server-dom-webpack/server.edge" imported by "@vitejs/plugin-rsc". Is it installed?
      at eval (plugin-rsc:false:1:25)...

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions