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

Question

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

我正在尝试使用：

import * as Quill from 'quill';

这将返回 'cannot find quill module' 错误。

我已经添加了

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

到package.json作为依赖项。

Answer 1

我试图在使用 ng new 命令生成的 pet 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 再次命令

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

How do I create a component in Angular 2 that imports the QuillJS module?

node.js

typescript

quill

angular