如何在 Angular 2 中创建一个导入 QuillJS 模块的组件？答案

【问题标题】：How do I create a component in Angular 2 that imports the QuillJS module?如何在 Angular 2 中创建一个导入 QuillJS 模块的组件？
【发布时间】：2017-12-22 07:03:45
【问题描述】：

我对 Angular 2 和 TypeScript 还很陌生。我正在使用 AngularCLI 和 NPM 来创建我的 Angular 项目。我使用 NPM 将 quill 节点模块安装到我的项目中。我现在正在尝试创建一个组件，我可以在其中通过他们的 API 自定义我的羽毛笔编辑器。

我正在尝试使用：

import * as Quill from 'quill';

这将返回“找不到 quill 模块”错误。

我已经加了

"": "0.0.26",
"quill": "^1.0.4",

到 package.json 作为依赖项。

【问题讨论】：

改用import * as quill from 'quill'; 。可能有案例问题

标签： node.js angular typescript quill

【解决方案1】：

我尝试在使用ng new 命令生成的宠物 Angular CLI 项目中重现您的问题，并且效果很好。代码如下：

import { Component } from '@angular/core';
import * as Quill from 'quill';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';

  ngOnInit() {
    console.log(Quill);
  }
}

这是我得到的输出： Image Link

转到你项目的node_modules文件夹，寻找一个名为quill的文件夹，无论如何，即使它在那里，删除node_modules文件夹并再次运行npm i命令

【讨论】：

删除 node_modules 并运行 npm 我工作了！谢谢！