問題vuejs 2つのコンポーネントをwebpackで束ねる

Question

私はvuejs 2に移行していて、私のvueコンポーネントに非常に特殊な問題があります。私は（）コンポーネントが必要な場合、私はWebPACKの結束過程で次のエラーを受信して​​います：必要（）呼び出しコンポーネントをロードすることである

ERROR in Unexpected token > 

エラーの行番号です。ここで

は、私はエラーが発生しますテストコンポーネントの例です。

<template> 
    <div> 
     <button>test</button> 
    </div> 
</template> 

<script> 
    module.exports = { 
     data: function() { 
      return { 

      } 
     } 
    } 
</script> 

マイwebpack.config.jsファイルは次のとおりです。

const webpack = require('webpack'); 
require('es6-promise').polyfill(); 
var path = require("path"); 

module.exports = { 
    entry: { 
     ... 
    }, 
    output: { 
     //path: path.join(__dirname, "./dist/js"), 
     path: './', 
     filename: "[name].bundle.js", 
     chunkFilename: "[id].chunk.js" 
    }, 
    devServer: { 
     ... 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.vue$/, 
       loader: 'vue' 
      }, 
      { 
       test: /\.js$/, 
       loader: 'babel-loader', 
       // make sure to exclude 3rd party code in node_modules 
       exclude: /node_modules/ 
      }, 
      { 
       test: /\.css$/, 
       loader: "style-loader!css-loader" 
      }, 
      { 
       test: /\.(jpe?g|png|gif|svg)$/i, 
       loaders: [ 
        'file?hash=sha512&digest=hex&name=[hash].[ext]', 
        'image-webpack?bypassOnDebug&optimizationLevel=7&interlaced=false' 
       ] 
      }, 
      { 
       test: /\.(eot|svg|ttf|woff|woff2)$/, 
       loader: 'file?name=public/fonts/[name].[ext]' 
      } 
     ] 
    }, 
    vue: { 
     loaders: { 
      js: 'babel-loader' 
     } 
    }, 
    resolveLoader: { 
     root: __dirname + '/node_modules' 
    }, 
    resolve: { 
     alias: { 
      'vue': 'vue/dist/vue' 
     } 
    } 
}; 

すべてのヘルプは非常に高く評価されるだろう。私はこれで数時間前倒しされました。

Answer 1

私は実際にこれを理解しました。むしろ、私は何が間違っていて、それを回避するかを考え出しました。基本的に、webpackとタスクランナーとのビジュアルスタジオの統合は、vue 2とはもはや機能しません。理由はわかりません。しかし、単にコマンドラインからコマンドを実行するだけで完璧に動作し、とにかく簡単です。