Vue、webpackのエラー解決（Module parse failed: Unexpected token (1:0) You may need an ap

デフォルトのwebpackはvueファイルを扱えないので、自分でプラグインを追加する必要があります。

解決策: 最初のステップ: プラグインをインストールします。

cnpm i vue-loader vue-template-compiler --save-dev 

ステップ2: webpack.config.jsに以下の設定を追加します：

 module: {
 rules: [
 {
 		 test: /\.vue$/,
 	 use: {
 	loader: 'vue-loader'
 	 }
 },
 ]
 }

を追加してから再実行してもエラーが発生する場合は、vue-loaderのバージョンが高すぎる可能性があります。

この問題を解決するには、さらに2つの方法があります：

方法1：vue-loaderのバージョンを下げます。

vue-loaderのバージョンを14.0.0以下にします。

cnpm i vue-loader@ --save-dev

方法2：webpack.config.jsに設定を追加します。

//vue-loader/lib/pluginを導入する。
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
 plugins: [ 
 new VueLoaderPlugin()
 ],
 module: {
 rules: [
 {
 		 test: /\.vue$/,
 	 use: {
 	loader: 'vue-loader'
 	 }
 },
 ]
 }
};