如何在Angular 2中創建一個導入QuillJS模塊的組件？

我對Angular 2和TypeScript相當陌生。我正在使用AngularCLI和NPM創建我的Angular項目。我已經使用NPM將套筒節點模塊安裝到我的項目中。我現在試圖創建一個組件，在其中我可以通過他們的API自定義我的套筒編輯器。如何在Angular 2中創建一個導入QuillJS模塊的組件？

我試圖使用方法：

import * as Quill from 'quill';

此函數返回一個「無法找到羽毛筆模塊」的錯誤。

我已經添加

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

到的package.json的依賴關係。

來源

2017-07-17 Farhan Islam

嘗試將'import *'作爲'quill'的羽毛筆;相反。可能有案例問題 –

我試圖在使用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命令

來源

2017-07-17 17:35:59

刪除node_modules並運行npm我工作！謝謝！ –

如何在Angular 2中創建一個導入QuillJS模塊的組件？

回答

相關問題