1. ホーム
  2. ビュー

vue-ueditorを使用したvueの問題(ディレクトリに相対するプリセット "es2015 "が見つかりませんでした)

2022-02-28 12:59:55

1. vue-ueditorのインストール

npm i vue-ueditor --S

インストーラを UEditorのコードパッケージをプロジェクトの静的ディレクトリに置く

<スパン <スパン UEditorのコードパッケージ( \node_modules-ueditor_staticueditor1_4_3_3) または最新のソースコードと各種言語版を http://ueditor.baidu.com/website/download.html#ueditor でダウンロードできます。

<スパン 2. 使用方法

<スパン

<template>
    <div>
      <p>fdgdgd</p>
      <VueEditor ueditorPath=". /... /static/ueditor1_4_3_3-utf8-net" @ready="editorReady"></VueEditor>
    </div>
</template>





import VueEditor from 'vue-ueditor'
 components:{
            VueEditor
        },
      methods:{
            editorReady(editorInstance){
              editorInstance.setContent('Hello world! <br> edit initialized content')
            }
      }





3、プリセット "es2015" がディレクトリに関連して見つからなかった問題を解決しました。

rookieはES規格を使用しておらず、導入したvue-ueditorはES規格を使用しているため、コンパイルでエラーが報告されるため、解決方法は以下のようになります。

npm install babel-preset-es2015 --save-dev

次に、次のコードを webpack.base.conf.js ファイルに追加してください。

module: {
        loaders: [
            {
                test: /\.js$/,
                exclude: /(node_modules|bower_components)/,
                loader: 'babel',
                query: {
                    presets: ['es2015']
                }
            }
        ]
    }

OK、これでvue-uediterが使えるようになりました。