問題タブ [vue-loader]

Webpackを使用してVue プロジェクトを開発ビルドしようとしています。ファイルにタグを追加するとすぐに、ブラウザーにエラーが表示されます。scriptApp.vueUnexpected token export

webpack 構成:

エントリーポイント -app.js

ノート：

• <script>ファイルにタグを追加するまでは問題なく動作しApp.vueます。

何が足りないのか教えてください。

前もって感謝します。

のようなステートメントを含むコンポーネントがあります。そのコンポーネントをテストしたい場合、オブジェクトのthis.$route.fullPath値をどのようにモックすればよいですか?fullPath$route

次の問題:

親の DOM に依存する Vue.js コンポーネントがあります。しかし、小道具が渡された瞬間、それ ( this.$el) は未定義です。おそらく、その時点ではまだマウントされていないためです。

コンポーネントの vue テンプレート ファイルは次のようになります。

上記のものを使用するコンポーネントには、次のコードが含まれます。

親コンポーネントがマウントされるのを待つことを考えましたが、その方法では常にメソッド (または変数) に即座にアクセスしようとするため、上記のようにテンプレートを保持できないようです。

どうすればこれを解決できますか?

編集：

親コンポーネントのテンプレートは次のとおりです。実際に必要なのは.articlediv、つまりスロットの内容だけです。