2017-02-16 11 views
0

simditorを.vueファイルにインポートします。それはうまくいく。しかし、simditor-mentionをインポートすると、全く動作しません。それを働かせる方法を教えてください。ありがとう。simditor-mentionがまったく動作しない理由

これは私のコードです。

import simditor from 'simditor' 
import 'simditor-mention' 

https://github.com/mycolorway/simditor

https://github.com/mycolorway/simditor-mention

+0

はそれがsimditor-mention'' –

+0

私はすでに試したから輸入someVarName 'のようにすべきではない、それを – smallStone

答えて

0
  1. simditor-mentionのソースコードは、libフォルダ内にあります。
  2. それはdemo.htmlだから<script type="text/javascript" src="lib/simditor-mention.js"></script>

としてスクリプトタグからのlibを使用して、あなたが上記しようとしているとして、あなたはimport構文を使用することはできませんexports defaultmodule.exports

  • を持っていません。あなたは試してみてください

    require('simditor-mention/lib/simditor-mention.js') 
    

    メインのjsファイルには、あなたはそれがあなたのvuejsアプリケーション全体にアクセス、または他の目的の.vueファイルたい場合。

    または

    ので好きですが、あなたのHTML内のスクリプトタグをインポートすることができます:<script type="text/javascript" src="lib/simditor-mention.js"></script>

  • +0

    あなたの返事をありがとう、私はいくつかの質問があります。 1.Itは( 'simditor-言及/ libに/ simditor-mention.js')必要としようとすると、インポート「simditor-言及/ libに/ libにsimditor/simditor-mention.jsでmodule.exportsは 2.Iを持っています-mention.js '、それも動作しません – smallStone

    +0

    'import'を使うためには、ライブラリは' exports default'か 'export const someVar'を持っていなければなりません。 'module.exports'はノード/ノードのような環境で' require(somePath) 'フォーマットを使う必要があることを意味します。 'declare let SimditorMention'を追加しましたか、HTMLスクリプトタグのやり方についてはどうですか? –

    +0

    私のアプリケーションは '' '.vue''ファイルを使います。ので、HTMLスクリプトタグは動作しません。 '' 'SimditorMention'''も動作しないと宣言します。 – smallStone

    関連する問題