Quillの拡張に問題がある

Question

私はQuillを拡張するいくつかの問題にぶつかっています。

ListとListItemのクラスをQuillで修正したいので、formats/list.jsを開始点としてコードベースにコピーしようとしました。私はその後、私のローカルコピーをインポートし、私は次のエラーでListクラスで、エディタでコードがクラッシュしリストを作成しようとすると、しかし、そう...

import { List, ListItem } from './quill/list'; 

Quill.register({ 
    'formats/list': List, 
    'formats/list/item': ListItem 
}, true); 

ようクイルに登録：

これは、この行で発生

ParchmentError {message: "[Parchment] Unable to create list-item blot", name: "ParchmentError"} 

... https://github.com/quilljs/quill/blob/develop/formats/list.js#L99

は、私はそれが私が変更を余儀なくされた輸入品に関連すると仮定したが、私は間違っているかを把握することはできません。私はlist.jsに他の変更を加えていません。元のファイルは、以下があります - 私はこれに変更

import Block from '../blots/block'; 
import Container from '../blots/container'; 

： -

import Quill from 'quill'; 
let Block = Quill.import('blots/block'); 
let Container = Quill.import('blots/container'); 

は私が間違ってインポートしています方法は何ですか？エラーの原因は何ですか？

Answer 1

それを理解しました（同僚がしました）。

私はそうのような羊皮紙をインポートするために必要な： -

let Parchment = Quill.import('parchment'); 

の代わりに、あなたがそう、クイルに内部的に使用したものとは異なる静的パーチメントクラスになってしまいますので、これはimport Parchment from 'parchment';

Quillにインスタンスを要求すると、同じもの（つまり、ブロットが登録されているもの）で作業していることが保証されます。

Answer 2

数時間前にこの問題が発生しました。

Quillのソースコードでは、Listがデフォルトエクスポートで、ListItemは名前付きエクスポートです。

だからあなたのインポートは次のようになります。

import List, { ListItem } from './quill/list'; 

は、カスタムlist.jsファイルに適切にそれらをエクスポートしてください。

幸運を祈る！