Quill on production build not working

See original GitHub issue

hi, i’am using your great module to implement Quill in my app. Everything is working fine on developement stage but as i build my production files Quill kills my app with this error:

ERROR TypeError: aY is not a constructor
Ślad stosu:
sY</n.prototype.ngAfterViewInit@http://lend.local.pl/js/app.js?1509364124839:1:2797287
Pl@http://lend.local.pl/js/app.js?1509364124839:1:30305
Ol@http://lend.local.pl/js/app.js?1509364124839:1:30114
Sl@http://lend.local.pl/js/app.js?1509364124839:1:29992

what can be the cause ? Build uses rollup and aot (angular-seed - npm run build.prod.rollup.aot)

Issue Analytics

State:
Created 6 years ago
Comments:16 (8 by maintainers)

Top GitHub Comments

2reactions

joannazcommented, Jan 8, 2018

Hey guys! Old issue, but I had the same problem too. I did a bit of Googling and managed to solve this issue with this import statement:

import * as quill from "quill";
const Quill = (quill as any).default ? (quill as any).default : quill;

No idea why it works but it does! 😃

1reaction

unnamed666commented, Nov 1, 2017

i will wait for update if you find some time to play with it 😃 not planning to change your lib, just wanted you to know what change did work for me, maybe it will help you fix it 😃

normal build works with this import: let Quill: any = QuillNamespace; build with rollup aot works with this import: import Quill from ‘quill’;

Top Results From Across the Web

Quill not found in production - Stack Overflow

I use webpack encore, in development everything works fine, but in production quill is not found. I check several times for the existence...

angular production build is not working #530 - Issuehunt

ngx-quill is working in ng-serve but when switching to prod build it result in error.Production build is working when buildOptimizer parameter is turned...

Optimize React App Performance By Code Splitting - Velotio

The following shows that we are now loading more small chunks when we render that lazily loaded component on menu item click. Production...

Build a WYSIWYG text editor using Quill - LogRocket Blog

Today, we'll build a WYSIWYG text editor in React using Quill. ... Galileo cuts through the noise to proactively resolve issues in your...

quill-ui - npm

Run npm run build to build the project. The build artifacts will be stored in the dist/quill-ui directory. Use the --configuration=production flag for...