Closed pedrojrivera closed 4 years ago
Install @types/quill-delta, but my example repo is working without IT.
How do you use ngx-quill?
Pedro notifications@github.com schrieb am Sa., 18. Apr. 2020, 19:48:
Upgraded to the latest version 8.1.5 and could no longer build the project Using Angular 9.1.2
Had to downgrade to "ngx-quill": "^8.1.3" and everything built with no errors.
Time: 29789ms : Compiled successfully. 95% emitting CopyPlugin ERROR in node_modules/ngx-quill/src/quill.d.ts:2:24 - error TS7016: Could not find a declaration file for module 'quill-delta'. 'C:/Users/Pedro Rivera/Documents/Deveopment/USSI/e-solutions/node_modules/quill-delta/lib/delta.js' implicitly has an 'any' type. Try
npm install @types/quill-delta
if it exists or add a new declaration (.d.ts) file containingdeclare module 'quill-delta';
2 import Delta = require('quill-delta') ~~~~~~~~~~~~~ node_modules/ngx-quill/src/quill-editor.component.d.ts:92:39 - error TS7016: Could not find a declaration file for module 'quill-delta'. 'C:/Users/Pedro Rivera/Documents/Deveopment/USSI/e-solutions/node_modules/quill-delta/lib/delta.js' implicitly has an 'any' type. Try `npm install @types/quill-delta` if it exists or add a new declaration (.d.ts) file containing `declare module 'quill-delta';` 92 textChangeHandler: (delta: import("quill-delta"), oldDelta: import("quill-delta"), source: string) => void; ~~~~~~~~~~~~~ node_modules/ngx-quill/src/quill-editor.component.d.ts:92:72 - error TS7016: Could not find a declaration file for module 'quill-delta'. 'C:/Users/Pedro Rivera/Documents/Deveopment/USSI/e-solutions/node_modules/quill-delta/lib/delta.js' implicitly has an 'any' type. Try `npm install @types/quill-delta` if it exists or add a new declaration (.d.ts) file containing `declare module 'quill-delta';` 92 textChangeHandler: (delta: import("quill-delta"), oldDelta: import("quill-delta"), source: string) => void; ~~~~~~~~~~~~~
— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YGGAVGKHGQ5G3VXEPLRNHRXLANCNFSM4MLODKBA .
I originally tried that and had this error:
$ npm install @types/quill-delta
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@types%2fquill-delta - Not found
npm ERR! 404
npm ERR! 404 '@types/quill-delta@latest' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Pedro Rivera\AppData\Roaming\npm-cache\_logs\2020-04-18T17_52_56_408Z-debug.log
Okay. Because i do Not Need to add typings in ngx-quill and ngx-quill-example.
Could you try to Just Install quill-delta?
Pedro notifications@github.com schrieb am Sa., 18. Apr. 2020, 19:54:
I originally tried that and had this error:
$ npm install @types/quill-delta npm ERR! code E404 npm ERR! 404 Not Found - GET https://registry.npmjs.org/@types%2fquill-delta - Not found npm ERR! 404 npm ERR! 404 '@types/quill-delta@latest' is not in the npm registry. npm ERR! 404 You should bug the author to publish it (or use the name yourself!) npm ERR! 404 npm ERR! 404 Note that you can also install from a npm ERR! 404 tarball, folder, http url, or git url.
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Pedro Rivera\AppData\Roaming\npm-cache_logs\2020-04-18T17_52_56_408Z-debug.log
— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-615912797, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YHPLDBILWN7B3LXRCLRNHSNXANCNFSM4MLODKBA .
That did the trick. Works perfectly after installing quill-data.
Thanks!!
released v81.6. where i fixed peer dependencies and added the new peer deps to the readme.
@pedrojrivera i found out why it was working in my demo repo:
there i am using @types/quill
, which is installing both needed deps
please use the latest release. no peer deps needed.
@KillerCodeMonkey I uninstalled everything, then reinstalled ngx-quill and @types/quill.
Everything works as expected. Thanks!
Did I need @types/quill?
Quill typings are not required. If you are Not importing quill anywhere.
I had problems with the @types/quill so i do not really use them.
Pedro notifications@github.com schrieb am So., 19. Apr. 2020, 00:05:
Did I need @types/quill?
— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-615959368, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YBCUMHELJKARQDEHITRNIP2XANCNFSM4MLODKBA .
I'm having a similar issue. Everyhting works fine but I have this errors during build :
ERROR in node_modules/ngx-quill/lib/quill-editor.component.d.ts:3:34 - error TS7016: Could not find a declaration file for module 'quill'. '/Users/chloe/DevTom/centaurus-frontend/node_modules/quill/dist/quill.js' implicitly has an 'any' type. Try
npm install @types/quillif it exists or add a new declaration (.d.ts) file containing
declare module 'quill';`
3 import QuillType, { Delta } from 'quill';
node_modules/ngx-quill/lib/quill-view.component.d.ts:1:23 - error TS7016: Could not find a declaration file for module 'quill'. '/Users/chloe/DevTom/centaurus-frontend/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Try `npm install @types/quill` if it exists or add a new declaration (.d.ts) file containing `declare module 'quill';`
1 import QuillType from 'quill';
`
I tried to install @types/quill but now I have more errors :
`ERROR in node_modules/@types/quill/node_modules/quill-delta/dist/Delta.d.ts:1:8 - error TS1259: Module '"/Users/chloe/DevTom/centaurus-frontend/node_modules/@types/quill/node_modules/fast-diff/diff"' can only be default-imported using the 'allowSyntheticDefaultImports' flag
1 import diff from 'fast-diff';
node_modules/@types/quill/node_modules/fast-diff/diff.d.ts:20:1 20 export = diff;
This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.
node_modules/ngx-quill/lib/quill-editor.component.d.ts:3:21 - error TS2614: Module '"../../@types/quill"' has no exported member 'Delta'. Did you mean to use 'import Delta from "../../@types/quill"' instead?
3 import QuillType, { Delta } from 'quill';
Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/
70% building 213/213 modules 0 active
ERROR in node_modules/@types/quill/node_modules/quill-delta/dist/Delta.d.ts:1:8 - error TS1259: Module '"/Users/chloe/DevTom/centaurus-frontend/node_modules/@types/quill/node_modules/fast-diff/diff"' can only be default-imported using the 'allowSyntheticDefaultImports' flag
1 import diff from 'fast-diff';
~~~~
node_modules/@types/quill/node_modules/fast-diff/diff.d.ts:20:1
20 export = diff;
~~~~~~~~~~~~~~
This module is declared with using 'export =', and can only be used with a default import when using the 'allowSyntheticDefaultImports' flag.
node_modules/ngx-quill/lib/quill-editor.component.d.ts:3:21 - error TS2614: Module '"../../@types/quill"' has no exported member 'Delta'. Did you mean to use 'import Delta from "../../@types/quill"' instead?
3 import QuillType, { Delta } from 'quill';
~~~~~
`
just use the correct version of @types/quill...
v2 is for quilljs 2... so just use the latest 1.x version
Great, it's working thank you!
for import QuillType, { Delta } from 'quill';
i'm just adding new declaration at typings.d.ts
like so: declare var Delta: any;
and its working for me..
I am also getting same issue
i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0",
is there version issue? What is the solution to fix it?
Wrong @types/quill
ashirwad8858 @.***> schrieb am Do., 5. Mai 2022, 20:08:
I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49] https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png
i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0",
is there version issue? What is the solution to fix it?
— Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118895298, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.***>
Wrong @types/quill ashirwad8858 @.> schrieb am Do., 5. Mai 2022, 20:08: … I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49] https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0", is there version issue? What is the solution to fix it? — Reply to this email directly, view it on GitHub <#853 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.>
means I have to install npm install @types/quill ? Am i right? I did it but now I am getting this error
Can you mention here whatever npm, their version and dependinces is reuired ?
I think you do not need to install quill-delta. Just install @types/quill 1.x like described in the readme. Or check my demo repo.
ashirwad8858 @.***> schrieb am Do., 5. Mai 2022, 21:06:
Wrong @types/quill ashirwad8858 @.
> schrieb am Do., 5. Mai 2022, 20:08: … <#m-6496943291374051149> I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49] https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0", is there version issue? What is the solution to fix it? — Reply to this email directly, view it on GitHub <#853 (comment) https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118895298>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.>
means I have to install npm install @types/quill ? Am i right? I did it but now I am getting this error
[image: Screenshot from 2022-05-06 00-32-43] https://user-images.githubusercontent.com/30556645/167005987-ad1f2e9c-a9a4-4ace-b10d-20ac9b1372f1.png
Can you mention here whatever npm, their version and dependinces is reuired ?
— Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118951479, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YGJJ2ZCFRM5R5QZCM3VIQLZTANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.***>
I uninstall quill-delta but I am getting old error like this.
On Fri, May 6, 2022 at 12:45 AM Bengt Weiße @.***> wrote:
I think you do not need to install quill-delta. Just install @types/quill 1.x like described in the readme. Or check my demo repo.
ashirwad8858 @.***> schrieb am Do., 5. Mai 2022, 21:06:
Wrong @types/quill ashirwad8858 @.
*> schrieb am Do., 5. Mai 2022, 20:08: … <#m-6496943291374051149> I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49]
https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png < https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png
i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0", is there version issue? What is the solution to fix it? — Reply to this email directly, view it on GitHub <#853 (comment) < https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118895298
, or unsubscribe
https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA < https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA
. You are receiving this because you were mentioned.Message ID: @.*>
means I have to install npm install @types/quill ? Am i right? I did it but now I am getting this error
[image: Screenshot from 2022-05-06 00-32-43] < https://user-images.githubusercontent.com/30556645/167005987-ad1f2e9c-a9a4-4ace-b10d-20ac9b1372f1.png
Can you mention here whatever npm, their version and dependinces is reuired ?
— Reply to this email directly, view it on GitHub < https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118951479 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AARI4YGJJ2ZCFRM5R5QZCM3VIQLZTANCNFSM4MLODKBA
. You are receiving this because you were mentioned.Message ID: @.***>
— Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118959228, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHJEDZIXHWKQ5TIKE7W2UMLVIQM63ANCNFSM4MLODKBA . You are receiving this because you commented.Message ID: @.***>
@ashirwad8858 I had the same issue. I just changed "export = diff" to "export default diff" and then redeclare "Delta" like "import Delta from "quill" " Did the trick for me
ERROR
node_modules/ngx-quill/lib/quill-editor.component.d.ts:2:34 - error TS7016: Could not find a declaration file for module 'quill'. 'C:/RexBox/seeyusoon/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/quill` if it exists or add a new declaration (.d.ts) file containing `declare module 'quill';`
2 import QuillType, { Delta } from 'quill';
~~~~~~~
ERROR
node_modules/ngx-quill/lib/quill-view.component.d.ts:1:23 - error TS7016: Could not find a declaration file for module 'quill'. 'C:/RexBox/seeyusoon/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Try `npm i --save-dev @types/quill` if it exists or add a new declaration (.d.ts) file containing `declare module 'quill';`
1 import QuillType from 'quill';
~~~~~~~
Tried everything above. Reply me if there's a resolution. Till then. CKEditor ♥
I mean the solution is already in the error message. Please check the install section in the readme.
Install quilljs 1.x and the typings @types/quill v1.x
Rex Terminous @.***> schrieb am Mo., 11. Juli 2022, 23:18:
ERROR
node_modules/ngx-quill/lib/quill-editor.component.d.ts:2:34 - error TS7016: Could not find a declaration file for module 'quill'. 'C:/RexBox/seeyusoon/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Try
npm i --save-dev @types/quill
if it exists or add a new declaration (.d.ts) file containingdeclare module 'quill';
2 import QuillType, { Delta } from 'quill';
~~~~~~~
ERROR
node_modules/ngx-quill/lib/quill-view.component.d.ts:1:23 - error TS7016: Could not find a declaration file for module 'quill'. 'C:/RexBox/seeyusoon/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Try
npm i --save-dev @types/quill
if it exists or add a new declaration (.d.ts) file containingdeclare module 'quill';
1 import QuillType from 'quill';
~~~~~~~
Tried everything above. Reply me if there's a resolution. Till then. CKEditor ♥
— Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1180880362, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YDYHJMKBCJQPSAANKDVTSFTTANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.***>
Already said, did that. No change.
since it is working in my demo repo and for other people i guess. you did something wrong...
remove node_modules and lock files. check that your version operators are correct
"quill": "^1.3.7",
"@types/quill": "^1.3.10",
check my demo repo...
Ok, just cleaned everything uninstalled every relevant dependencies. Just did everything according to readme. Now getting this
Compiled with problems:X
ERROR
node_modules/ngx-quill/lib/quill-editor.component.d.ts:2:21 - error TS2614: Module '"quill"' has no exported member 'Delta'. Did you mean to use 'import Delta from "quill"' instead?
2 import QuillType, { Delta } from 'quill';
please check your lock file or node_modules folder which quill typings are installed. in general in quill typings for v2 Delta is not exported by quill anymore. there is a quill-delta package. but this is not the case in v1.
since it is working in my demo repo and for other people i guess. you did something wrong...
remove node_modules and lock files. check that your version operators are correct
"quill": "^1.3.7", "@types/quill": "^1.3.10",
check my demo repo...
"@types/quill": "^2.0.9", "ngx-quill": "^18.0.0", "quill": "^1.3.7",
@types/quill is differ is that a problem?
right... as i said.. v1 typings are for v1 quill.. and v2 for v2... so this is how it is written in the readme and how i explained it now multiple times ;-)
The part in the readme: Install @angular/core, @angular/common, @angular/forms, @angular/platform-browser, quill v1.x, @types/quill v1.x and rxjs - peer dependencies of ngx-quill
you should even get warnings during installation because of unmatched peer dependencies.
I don't mention version while installing dependencies. The commands I ran are
npm install ngx-quill
npm i quill
npm i @types/quill
and I guess the only warning I'm getting in console is npm WARN config global
--global,
--localare deprecated. Use
--location=globalinstead.
Ok, Thanks for everything. You did a great job. But I guess this product of yours isn't for me. Getting issues after issues. Again facing something new with styling after hard codely mentioning versions. quill.bubble.scss isn't working (elements are just floating everywhere in enlarge form). and in quill.snow.scss I'm getting some inappropriate UI, editor overflowing out of the parent container.
The editor(greyed border) should be within the parent with shadowy border. (I did some styling but it requires effort).
So, currently delivered things with Froala. Thanks again. ♥
Hi, it would be great if you schedule a meeting on google meet. So that I can understand it better. Quill is free and customizable so most people want to use it. But due to error and complexity to implement in angular choose another option. Can you schedule a meeting with me?
I will be very thankful to you. Thanks
On Fri, May 6, 2022 at 10:33 AM Ashirwad Sharma < @.***> wrote:
I uninstall quill-delta but I am getting old error like this.
On Fri, May 6, 2022 at 12:45 AM Bengt Weiße @.***> wrote:
I think you do not need to install quill-delta. Just install @types/quill 1.x like described in the readme. Or check my demo repo.
ashirwad8858 @.***> schrieb am Do., 5. Mai 2022, 21:06:
Wrong @types/quill ashirwad8858 @.
*> schrieb am Do., 5. Mai 2022, 20:08: … <#m-6496943291374051149> I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49]
https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png < https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png
i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0", is there version issue? What is the solution to fix it? — Reply to this email directly, view it on GitHub <#853 (comment) < https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118895298
, or unsubscribe
https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA < https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA
. You are receiving this because you were mentioned.Message ID: @.*>
means I have to install npm install @types/quill ? Am i right? I did it but now I am getting this error
[image: Screenshot from 2022-05-06 00-32-43] < https://user-images.githubusercontent.com/30556645/167005987-ad1f2e9c-a9a4-4ace-b10d-20ac9b1372f1.png
Can you mention here whatever npm, their version and dependinces is reuired ?
— Reply to this email directly, view it on GitHub < https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118951479 , or unsubscribe < https://github.com/notifications/unsubscribe-auth/AARI4YGJJ2ZCFRM5R5QZCM3VIQLZTANCNFSM4MLODKBA
. You are receiving this because you were mentioned.Message ID: @.***>
— Reply to this email directly, view it on GitHub https://github.com/KillerCodeMonkey/ngx-quill/issues/853#issuecomment-1118959228, or unsubscribe https://github.com/notifications/unsubscribe-auth/AHJEDZIXHWKQ5TIKE7W2UMLVIQM63ANCNFSM4MLODKBA . You are receiving this because you commented.Message ID: @.***>
I am getting the same original error is there a fix for it? I have preformed the same steps as mentioned but cant resolve it
TS7016: Could not find a declaration file for module 'quill'. '/example_project/node_modules/quill/dist/quill.js' implicitly has an 'any' type.
Imports "ngx-quill": "^20.0.1", "quill": "^1.3.7", "@types/quill": "^1.3.7",
For anyone that finds this in the future, the issue is if you are using ng serve
the install of @types/quill doesnt seem to be detected until you restart the ng serve
. Just reserve and the error goes away
Im using angular 13 here: "@angular/core": "~13.0.0", "quill": "^1.3.7", "ngx-quill": "^14.3.0", devDependencies: "@types/quill": "^1.3.10",
check the readme when using angular 13 use ngx-version: >= 15.0.0, < 17.0.0
For anyone that finds this in the future, the issue is if you are using
ng serve
the install of @types/quill doesnt seem to be detected until you restart theng serve
. Just reserve and the error goes away
Cannot stress this step enough.
Wrong @types/quill ashirwad8858 @.**> schrieb am Do., 5. Mai 2022, 20:08: … I am also getting same issue [image: Screenshot from 2022-05-05 23-33-49] https://user-images.githubusercontent.com/30556645/166985376-e93b06fb-ffd5-4725-9653-d7e14992d4ad.png i tried with "ngx-quill": "^16.2.0", "quill": "^1.3.7", "quill-delta": "^5.0.0", is there version issue? What is the solution to fix it? — Reply to this email directly, view it on GitHub <#853 (comment)>, or unsubscribe https://github.com/notifications/unsubscribe-auth/AARI4YBWED3PI3FFV4C4MLLVIQFC7ANCNFSM4MLODKBA . You are receiving this because you were mentioned.Message ID: @.**>
means I have to install npm install @types/quill ? Am i right? I did it but now I am getting this error
Can you mention here whatever npm, their version and dependinces is reuired ?
I faced this error for ngx-quill@17
.
npm i --save-dev @types/quill@1
solved the issue here
Upgraded to the latest version 8.1.5 and could no longer build the project Using Angular 9.1.2
Had to downgrade to "ngx-quill": "^8.1.3" and everything built with no errors.