Skip to content

Can't build with NextJS 16.1.6 and Turbopack #1326

@dj-fiorex

Description

@dj-fiorex

Jodit Version

5.3.221

Browser

Chrome

Operating System

macOS

Is React App?

Yes

Reproduced on xdsoft.net?

No

Code to reproduce

No code, just import Jodit with Nextjs and try to build with Turbopack enabled

const JoditEditor = dynamic(() => import("jodit-react"), {
  ssr: false,
  loading: () => (
    <div >
      Loading...
    </div>
  ),
});

Expected behavior

I expect Nextjs to build with Turbopack enabled

Actual behavior

This is the error:

> next build

▲ Next.js 16.1.6 (Turbopack)
- Environments: .env

  Creating an optimized production build ...

> Build error occurred
Error: Turbopack build failed with 1 errors:
./node_modules/jodit/es2021/jodit.min.css:1:61101
Parsing CSS source code failed
>  ..... {A LOT of css} ....
'hover-title' is not recognized as a valid pseudo-class. Did you mean '::hover-title' (pseudo-element) or is this a typo?

Import trace:
  Client Component Browser:
    ./node_modules/jodit/es2021/jodit.min.css [Client Component Browser]
    ./node_modules/jodit-react/build/esm/chunk-VZXEDNZT.mjs [Client Component Browser]
    ./node_modules/jodit-react/build/esm/index.mjs [Client Component Browser]
    ./src/app/dashboard/settings/stripbar/stripbar-settings.tsx [Client Component Browser]
    ./src/app/dashboard/settings/stripbar/stripbar-settings.tsx [Server Component]
    ./src/app/dashboard/settings/stripbar/page.tsx [Server Component]

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions