BlotClass.createエラーがReactQuillの機能ではない

Question

ReactQuillでツールバーのカスタムフォントサイズドロップダウンを作成しようとしています。私はquilljsからフォント・サイズのために元のコードを取り除くと（下図のように）それを拡張することを決めた：

import Parchment from 'parchment'; 

let SizeClass = new Parchment.Attributor.Class('size', 'ql-size', { 
    scope: Parchment.Scope.INLINE, 
    whitelist: ['8', '9', '10', '11', '12', '13', '14', '16', '18', '24', '36'] 
}); 
let SizeStyle = new Parchment.Attributor.Style('size', 'font-size', { 
    scope: Parchment.Scope.INLINE, 
    whitelist: ['8px', '9px', '10px', '11px', '12px', '13px', '14px', '16px', '18px', '24px', '36px'] 
}); 

export { SizeClass, SizeStyle }; 

私は私のApp.jsでSizeStyleをインポートして登録しようとすると、私はエラーが発生しますタイトルに

import React, { Component } from 'react'; 
import ReactQuill, {Quill} from 'react-quill' 
import { SizeClass, SizeStyle } from './font-size' 

import { ImageDrop } from 'quill-image-drop-module' 
import { ImageResize } from 'quill-image-resize-module' 

Quill.register(SizeStyle, true) 
Quill.register('modules/imageDrop', ImageDrop) 
Quill.register('modules/imageResize', ImageResize) 

私は、ドロップダウンでのサイズ属性をすべて持っている私自身のHTMLツールバーがあります。

<div id="toolbar"> 
     <select className="ql-size"> 
      <option value="8px"></option> 
      <option value="9px"></option> 
      <option value="10px"></option> 
      <option value="11px"></option> 
      <option value="12"></option> 
      <option value="13"></option> 
      <option value="14"></option> 
      <option value="16"></option> 
      <option value="18"></option> 
      <option value="24"></option> 
      <option value="36"></option> 
     </select> 
    </div> 

任意の提案を！

Answer 1

私はParchmentのインポート方法を変更するまで同じエラーが発生していました。

import Parchment from 'parchment';の代わりにvar Parchment = Quill.import('parchment');