問題タブ [vue-loader]

es2015 形式を認識しない vue-loader に問題があります。

私が取っている手順は次のとおりです。

この時点で、ファイルは webpack-dev-server によって localhost:8080 で正常にホストされています。

App.vuees2015を変更して追加すると、webpack-dev-server からエラーが発生します。

これにより、babel の es2015 プリセットがインストールされていないと思いましたが、それは間違いなく変換ランタイムと共に開発依存関係リストに含まれています。

さらに、vue-loader のドキュメントには、es2015 がデフォルトで有効になっていると書かれています。

vue-loader によって提供される多くの優れた機能があります。

ES2015 はデフォルトで有効になっています。

不足している手順または構成はありますか?

バージョン:

• vue-cli: 2.0.3
• npm: 3.8.6
• ノード: 6.0.0

vue-loader を使用していますが、メイン app.js でコンポーネントで使用するディレクティブを作成しましたが、コンポーネントでそのディレクティブを使用できないため、問題に直面しています。

次のメッセージが表示されます。

app.js

App.vue

お客様の声.vue

あなたが私を助けてくれることを願っています。

こんにちは、Chrome コンソールで次のエラーが表示されます。

Fire.vue (webpack vue-loader) コンポーネントで次のコードを使用すると:

これが私のFire.vueの完全なコードです:

私の財産とは関係ありませんrootUrl。コードをきれいに保つためです。それが Firebase パッケージのエラーが原因なのか、それともコンポーネントにインポートするときに何かを見逃したのかはわかりません。

src動的 (補間された)属性を持つ画像があります。

<img src="./{{bar}}.jpg"/>

vue-loader を補間するにはどうすればよい{{bar}}ですか?

webpack (1.13.1) と vue-loader (8.5.3) でビルドされた vue.js (1.0.26) アプリでは、svg の一部にすぎないコンポーネントをインポートするときに問題が発生します。

ここにこの問題のあるレポがあります

親コンポーネント:

子コンポーネント:

webpack を実行すると、次のエラーが発生します。

ローダーが svg 部分を無効な HTML として解釈しているようです。

この問題を解決するにはどうすればよいですか? ありがとう

HtmlWebPackPlugin を使用して index.html を生成しようとしているので...

1. 新しいプロジェクトを開始しますvue init webpack-simple#1.0 vue-html-webpack
2. インストールnpm i -D html-webpack-plugin
3. index.htmlに名前を変更entry-template.html
4. 構成webpack.config.js..

私は追加します ..

しかし、Webアプリを起動するnpm run devと、404が返されます（が見つからないと思いますindex.html）

じぶんのentry-template.html

完全なソースはこちら

結果 -> https://vue-html-webpack-ogqlguavxx.now.sh/

質問

Vue 1.0 でHtmlWebpackPluginを使用するにはどうすればよいですか?

次の単純なコードは、いくつかのコンポーネントとルート インスタンスの両方が、vuex オブジェクトからバインドするのではなく、コンソールにエラーを記録するため、多くの頭痛の種になっています。ここで何が欠けている可能性がありますか?

私のコードでは、Vue.use(Vuex) を呼び出していますが、このフィドルでは必要ありません (Vuex は既に登録されていると表示されます)。また、データのある行のコメントを外すと、コンポーネントが適切にレンダリングされることに注意してください。

どんな助けでも大歓迎です。