Question

我试图使用依赖于另一个库的模块，每当我尝试在组件中注册库时，我在控制台中给出了一个错误：

无法阅读财产＆＃39;进口＆＃39;未定义的

模块名称为：quill-image-resize-module 该库是：羽毛笔编辑。

quill是一个html编辑器。

MyComponent.ts：

import Quill from 'quill';

// add image resize module
import ImageResize from 'quill-image-resize-module';
Quill.register('modules/imageResize', ImageResize);

控制台中出现的错误是：

image-resize.min.js：1未捕获的TypeError：无法读取属性＆＃39;进口＆＃39;未定义的

当我尝试调查image-resize.min时，我发现这是导致错误的原因：

var d=window.Quill.imports.parchment

现在我使用Angular CLI，我发现了一个有效的解决方案，但解决方案是通过在plugins数组中声明这个来处理webpack.config.js：

 new webpack.ProvidePlugin({
      'window.Quill': 'quill/dist/quill.js'
    })

反过来声明window.Quill全球。

我不确定如何在CLI中执行此操作，但我尝试按照一些文章进行操作声明：

"../node_modules/quill/dist/quill.js"

在scripts数组中的angular-cli.json文件中。

但错误没有消失？

Angular CLI如何全局定义变量[window.myVar]

0 个答案: