

parcelを使ってVueをバンドルしようとしているのですが、  
App.vueの1行目で「Unexpected token (1:0) >」というエラーが出ます。  
解決策をしらべましたがよくわかりませんでした。  
一回目のビルドの際のみ  
「npm WARN vue-loader@13.7.3 requires a peer of css-loader@* but none is
installed. You must install peer de」というエラーメッセージが出ていました。  
以下ファイルの階層はすべて同じです。

  * package.json

[code]

      "dependencies": {
        "vue": "^2.6.8"
      },
      "devDependencies": {
        "babel-core": "^6.26.3",
        "babel-helper-vue-jsx-merge-props": "^2.0.3",
        "babel-plugin-transform-vue-jsx": "^3.7.0",
        "babel-preset-env": "^1.7.0",
        "parcel-bundler": "^1.11.0",
        "parcel-plugin-vue": "^1.5.0"
      }
    
[/code]

  * App.vue

[code]

    <template>
      <div>
        {{ message }}
      </div>
    </template>
    <style>
    </style>
    <script >
    export default {
      name: 'App',
      data() {
        return {
          message: 'Hello Vue!'
        }
      }
    }
    </script>
    
[/code]

  * index.html

[code]

    <!DOCTYPE html>
    <head>
      <meta charset="utf-8">
    </head>
    
    <html>
    
    <body>
      <div id="app">
        <script src="./index.js"></script>
      </div>
    </body>
    
    </html>
    
[/code]

  * index.js

[code]

    import Vue from 'vue'
    import App from './App.vue'
    
    new Vue({
      render: h => h(App)
    }).$mount('#app')
    
[/code]

  
  
またもう一件、  
package.jsonに以下を記載すると

[code]

      "scripts": {
        "start": "parcel index.html -o"
      }
    
[/code]

`-o`オプションでエラーが出るのはなぜでしょうか？  
`error: option`-o, --out-file ' argument missing`


CC BY-SA 4.0
2019-03-02T19:49:43.393
53144
2019-03-03T11:07:56.047
32383
question
vue.js npm build
parcelを使ってVueをバンドルするとエラー「Unexpected token (1:0) >」


parcel のvueのプラグインが非推奨になっていたためのエラーでした。  
`parcel-plugin-vue` をuninstallし、  
package.jsonにalias `"vue": "./node_modules/vue/dist/vue.common.js"`を追加することで解決。


CC BY-SA 4.0
2019-03-03T11:07:56.047
53169
2019-03-03T11:07:56.047
32383
53144
answer