Vue js：Uncaught語法錯誤：意外的標識符在導入行

我想使用vue插件，但每次我都會在導入行上得到一個意外的標識符。有什麼建議麼？Vue js：Uncaught語法錯誤：意外的標識符在導入行

HTML

<div id="content"> 
    <h1>@{{ message }}</h1> 
    <v-select :value.sync="selected" :options="options"></v-select> 
</div>

new Vue({ 
    el: '#content', 
    data: { 
    message: 'Hello Worldy' 
    }, 
    import vSelect from "vue-select" 
    export default { 
     components: {vSelect}, 
     data() { 
      return { 
      selected: null, 
      options: ['foo','bar','baz'] 
      } 
     } 
    } 
});

來源

2016-11-16 Clinton Green

如果你要導入任何東西，它應該在Vue實例聲明之前和之外完成。 –

錯誤消息字面上是正確的。你不能有一個導入/導出語句。您應該修改ES6語法。 –

不能import從那裏你想

import vSelect from "vue-select" 

new Vue({ 
    el: '#content', 
    components: { 
    vSelect: vSelect 
    } 
});

，然後執行它的其餘部分在你的內心r組件定義

來源

2016-11-21 13:18:35

Vue js：Uncaught語法錯誤：意外的標識符在導入行

回答

相關問題