Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

Question

Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

rbalet opened this issue a year ago · 22 comments

Description

After updated to th3 v6.0.0, I got the following errors


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.d.ts:8:67 - error TS2307: Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

8 import type { Context, Editor, EditorConfig, ContextConfig } from 'ckeditor5/src/core';
                                                                    ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.d.ts:9:49 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

9 import type { ArrayOrItem, CKEditorError } from 'ckeditor5/src/utils';
                                                  ~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/editorwatchdog.d.ts:8:36 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

8 import type { CKEditorError } from 'ckeditor5/src/utils';
                                     ~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/editorwatchdog.d.ts:9:52 - error TS2307: Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

9 import type { Editor, EditorConfig, Context } from 'ckeditor5/src/core';
                                                     ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/watchdog.d.ts:8:36 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

8 import type { CKEditorError } from 'ckeditor5/src/utils';

Answer 1 · 2023-04-10T08:58:38.000Z

Did you update CKEditor 5 to v37.0.1 too?

It introduced official typings and the Watchdog was exposed on ckeditor5/src/watchdog. v6.0.0 of Angular integration will only work with CKE5 v37.0.0+.

See: https://github.com/ckeditor/ckeditor5/releases and https://github.com/ckeditor/ckeditor5-angular/releases/tag/v6.0.0

Answer 2 · 2023-04-10T14:29:23.000Z

@Reinmar Yes I do.

I had to add ckeditor5 as devDependencies for it to be working.

The reason of my pull request :)

Answer 3 · 2023-04-11T11:57:31.000Z

Hi @rbalet, could you share steps to reproduce the issue? I'd like to understand the problem.

Answer 4 · 2023-04-12T19:51:32.000Z

Hi @pomek & @Reinmar. Here the project I used that is not working https://github.com/rbalet/ckeditor5-megaphone-website

You have to download it through npm for it to show the error

Answer 5 · 2023-04-14T13:07:52.000Z

Hello,
Recently I have upgraded my Angular application and CKEditor 5 also.
I am facing exact issue described by @rbalet.

Can you please guide me the exact steps to fix this problem?

Regards,
Binita

Answer 6 · 2023-04-14T13:47:12.000Z

@mca-binita just run npm i ckeditor5 --save-dev and it should work again ;)

Answer 7 · 2023-05-03T18:09:21.000Z

just run npm i ckeditor5 --save-dev and it should work again ;)

I use a custom build of ckeditor5. After upgrading my build and ckeditor5-angular, I had the same error. This workaround / hack / solution does work to fix the compilation errors, but it's really ugly since I really don't need the ckeditor5 npm package, even if it's just a dev dependency. :/

Answer 8 · 2023-05-04T07:55:07.000Z

I did not use the workaround but i downgraded ckeditor angular component to the previous version and things are sorted. Latest version angular component has issue.

…

On Wed, 3 May, 2023, 11:39 pm D. St-Jacques, ***@***.***> wrote: just run npm i ckeditor5 --save-dev and it should work again ;) I use a custom build of ckeditor5. After upgrading ckeditor5-angular, I had the same error. This workaround / hack / solution does work to fix the compilation errors, but it's really ugly since I really don't need the ckeditor5 npm package, even if it's just a dev dependency. :/ — Reply to this email directly, view it on GitHub <#364 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AOXL4PPG5Y75EFZODCMIZ5LXEKNNXANCNFSM6AAAAAAWWUZBBU> . You are receiving this because you were mentioned.Message ID: ***@***.***>

Answer 9 · 2023-05-04T08:14:10.000Z

@pomek have you had a chance to look at this?

Answer 10 · 2023-07-21T06:21:18.000Z

I'm sorry for not getting back to you sooner. I think the issue should be resolved in the latest release (https://github.com/ckeditor/ckeditor5-angular/releases/tag/v7.0.0). Could you guys confirm?

Answer 11 · 2023-07-21T07:25:56.000Z

@pomek I tried it but it didn't fix the issue. Sorry

Answer 12 · 2023-08-28T18:02:11.000Z

This issue is not related to the integration itself.

Types from the ckeditor5-watchdog package imports things from ckeditor5. This leads to the conclusion that Watchdog should load ckeditor5 as a peer dependency.

node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.d.ts:8:67
                       ^^^^^^^^^^^^^^^^^^

8 import type { Context, Editor, EditorConfig, ContextConfig } from 'ckeditor5/src/core';
                                                                     ^^^^^^^^^

Of course, it occurs when a developer wants to build an app.

Answer 13 · 2023-10-26T21:04:03.000Z

@mca-binita I uninstalled ckeditor5-angular which was version 7.0.1

npm uninstall @ckeditor/ckeditor5-angular

and installed version 6.0.1

npm install --save @ckeditor/ckeditor5-angular@6.0.1

This helped me

Answer 14 · 2023-11-03T14:25:03.000Z

Steps to reproduce:

Create an editor build using Online Builder, you will use it in step 4.
Create a new Angular app.
Go to Angular integration guide, install CKEditor component and add the required import in app.module.ts, install all required dependencies.
Follow the "Using a custom CKEditor 5 build" section by using ONLY the build file from step 1 (you can find it in ckeditor5-40.0.0-xxxxx/build/ckeditor.js).
Execute npm run start.

Or use editor_build.zip example application (download and execute npm i && npm run start).

Result:

Error: node_modules/@ckeditor/ckeditor5-core/src/editor/editor.d.ts:10:31 - error TS2307: Cannot find module '@ckeditor/ckeditor5-ui' or its corresponding type declarations.

10 import type { EditorUI } from '@ckeditor/ckeditor5-ui';
                                 ~~~~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.d.ts:8:67 - error TS2307: Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

8 import type { Context, Editor, EditorConfig, ContextConfig } from 'ckeditor5/src/core';
                                                                    ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/contextwatchdog.d.ts:9:49 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

9 import type { ArrayOrItem, CKEditorError } from 'ckeditor5/src/utils';
                                                  ~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/editorwatchdog.d.ts:8:36 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

8 import type { CKEditorError } from 'ckeditor5/src/utils';
                                     ~~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/editorwatchdog.d.ts:9:52 - error TS2307: Cannot find module 'ckeditor5/src/core' or its corresponding type declarations.

9 import type { Editor, EditorConfig, Context } from 'ckeditor5/src/core';
                                                     ~~~~~~~~~~~~~~~~~~~~


Error: node_modules/@ckeditor/ckeditor5-watchdog/src/watchdog.d.ts:8:36 - error TS2307: Cannot find module 'ckeditor5/src/utils' or its corresponding type declarations.

8 import type { CKEditorError } from 'ckeditor5/src/utils';
                                     ~~~~~~~~~~~~~~~~~~~~~


Error: src/app/app.component.html:3:12 - error TS2322: Type '{ ClassicEditor: {}; }' is not assignable to type '{ create(sourceElementOrData: string | HTMLElement, config?: EditorConfig | undefined): Promise<Editor>; }'.

3 <ckeditor [editor]="Editor"></ckeditor>
             ~~~~~~

  src/app/app.component.ts:6:16
    6   templateUrl: './app.component.html',
                     ~~~~~~~~~~~~~~~~~~~~~~
    Error occurs in the template of component AppComponent.

Answer 15 · 2023-11-07T22:53:27.000Z

As suggested, I tried adding ckeditor to dev dependencies and even tried downgrading @ckeditor/ckeditor5-angular@6.0.1.

None of this has worked for me at all and the error persists.

Stackblitz: https://stackblitz.com/edit/stackblitz-starters-ymdlvz?file=package.json

Answer 16 · 2023-12-12T10:29:54.000Z

@richard-ncs I know it's not ideal, but to make your stackblitz project work is by editing app.component.ts:

change the import to import ClassicEditor from '@ckeditor/ckeditor5-build-classic';
and add any here: public Editor: any = ClassicEditor;

Answer 17 · 2023-12-17T22:46:56.000Z

@richard-ncs I know it's not ideal, but to make your stackblitz project work is by editing app.component.ts:

change the import to import ClassicEditor from '@ckeditor/ckeditor5-build-classic';

and add any here: public Editor: any = ClassicEditor;

This worked for me.

Answer 18 · 2023-12-26T12:38:01.000Z

When you use a custom build of CKEditor, you receive a bundled ckeditor.js and ckeditor.d.ts for types. The ckeditor.d.ts file, in turn, relies on importing @ckeditor libraries (or plugins) that are already bundled in ckeditor.js but not provided as dependencies in the main package.json of the project. This is why we encounter a problem.

In my project, I removed ckeditor.d.ts (goodbye typings :( ... ), but after that, the build completed successfully.

Answer 19 · 2023-12-27T09:26:07.000Z

@uaKorona I think you could also install CKEditor packages as devDependencies, and the types would work.