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语法错误：意外的标识符在导入行

回答

相关问题