-
DescriptionBug Report: Module "@udecode/plate-alignment/react" and its corresponding type declarations not found Error: The error appears when trying to import AlignPlugin from @udecode/plate-alignment/react. It says that the module and its type declarations are not found, despite the fact that the package is correctly installed. Package Versions: Here are the versions of the relevant packages I'm using: @types/slate: ^0.47.16 Everything has been installed normally, but this issue persists with AlignPlugin. Could this be a version compatibility issue or a missing declaration in the alignment package?
Reproduction URLhttps://platejs.org/docs/alignment Reproduction stepsSteps to Reproduce:
Go to your Next.js project directory.
Install the required @udecode/plate-alignment package using:
bash
Copiar código
npm install @udecode/plate-alignment
Create a new React component in your pages folder with the following code:
typescript
Copiar código
"use client";
import { AlignPlugin } from "@udecode/plate-alignment/react";
import { createPlateEditor, ParagraphPlugin, Plate, PlateContent } from "@udecode/plate-common/react";
import { HeadingPlugin } from "@udecode/plate-heading/react";
const editor = createPlateEditor({
plugins: [
HeadingPlugin,
AlignPlugin.configure({
inject: {
targetPlugins: [ParagraphPlugin.key, HeadingPlugin.key],
},
}),
],
});
export default function PageEditor(): JSX.Element {
return (
<Plate editor={editor} onChange={(data) => console.log(data)}>
<PlateContent placeholder="Type..." />
</Plate>
);
}
Run your Next.js project using:
bash
Copiar código
npm run dev
See error in the console or editor:
Error: Module "@udecode/plate-alignment/react" and its corresponding type declarations not found (ts2307).Plate version38.0.6 Slate React version38.0.4 ScreenshotsNo response LogsNo response BrowsersNo response Funding
|
Beta Was this translation helpful? Give feedback.
Replies: 5 comments 9 replies
-
|
You'll need to upgrade all |
Beta Was this translation helpful? Give feedback.
-
|
I am having the issue and I have all my packages up to date I am getting the same error message for any package that has I am using the pages router in nextjs and it is an older project. const withBundleAnalyzer = require('@next/bundle-analyzer')({ /** @type {import('next').NextConfig} */ module.exports = withBundleAnalyzer(nextConfig) this is my next config any idea what I can do? My TS config is also below |
Beta Was this translation helpful? Give feedback.
-
|
@George-field see my comment here #3558 (reply in thread) |
Beta Was this translation helpful? Give feedback.
-
|
@zbeyens same problem here, seems to be a package resolution problem. |
Beta Was this translation helpful? Give feedback.
-
|
on the folder have dist folder react and not resolves this directory |
Beta Was this translation helpful? Give feedback.
-
|
I get this. Using node16, nodenext fixes it but breaks other parts of my app |
Beta Was this translation helpful? Give feedback.
-
|
this will causes other issues if the app has older TS files. Struggling with it right now |
Beta Was this translation helpful? Give feedback.
-
|
@zbeyens is there any way around it without having to change |
Beta Was this translation helpful? Give feedback.
-
|
I don't think so |
Beta Was this translation helpful? Give feedback.
-
|
We figured out one way to resolve this without changing In and in this fixed it for us |
Beta Was this translation helpful? Give feedback.
-
|
this looks good @abhi-bc except for jest :( tsc and vite are happy but not jest :( |
Beta Was this translation helpful? Give feedback.
-
|
I'm having the same problem with PlateLeaf and Plate element. A good way that I fixed with plate-common was creating a new declarations.d.ts and directing to the node modules index.d.ts from plate. But I'm having the same problem with PlateLeaf
|
Beta Was this translation helpful? Give feedback.
-
|
Still isn't working |
Beta Was this translation helpful? Give feedback.
We figured out one way to resolve this without changing
moduleResolutiontobundlerIn
tsconfig.json:and in
vite.config.ts