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

时间:2017-07-17 16:34:58

标签: node.js angular typescript quill

我对Angular 2和TypeScript相当新。我正在使用AngularCLI和NPM来创建我的Angular项目。我使用NPM将quill节点模块安装到我的项目中。我现在正在尝试创建一个组件,我可以通过他们的API自定义我的quill编辑器。

我正在尝试使用:

import * as Quill from 'quill'; 

这会返回'找不到quill模块'错误。

我已添加

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

将package.json作为依赖项。

1 个答案:

答案 0 :(得分:3)

我尝试在使用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命令