Cleave.js電話番号CA

Question

Cleave.jsを使用して電話番号フィールドをフォーマットしようとしていますが、機能していませんが、理由がわかりません。

は、私はこのように始まった：

import Cleave from 'cleave.js'; 

var cleave = new Cleave('.phone', { 
    'phone': true, 
    'phoneRegionCode': 'CA' 
}); 

そして、私はこのエラーを得た：

> Uncaught Error: [cleave.js] Please include phone-type-formatter.{country}.js lib 

は、だから私は追加することによって、私が行方不明になったライブラリをインポート：だから

import CleavePhone from 'cleave.js/dist/addons/cleave-phone.ca'; 

を現在のコードは

です

もうコンソールエラーは発生しませんが、電話番号の書式設定はまったく機能していないようです。

私が今までにクリーブのオプションを変更しようとしました：

var cleave = new Cleave('.phone', { 
    'date': true, 
    'datePattern': ['Y', 'm', 'd'] 
}); 

、入力が適切にフォーマットしているようです。したがって、私は要素のクエリセレクタが大丈夫だと知っています。

私の電話番号が正しくフォーマットされていない理由はわかりません。

Answer 1

インポートする代わりに、require（ 'cleave.js/dist/addons/cleave-phone.ca'）