Question

我正在尝试使用vue插件，但每次我都会在导入行上获得一个意外的标识符。有什么建议吗？

HTML

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

JS

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']
          }
        }
    }
});

Answer 1

你不能import来自你想要的地方

import vSelect from "vue-select"

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

然后在组件定义中完成其余部分

Answer 2

以防万一其他人在使用vue时在控制台中遇到了相同的错误标志。对于我来说，导入脚本是为我在Laravel刀片模板（由PhpStorm创建）中调用的组件之一自动创建的。

由于需要将ES6的Vue编译为ES5，因此建议在创建import syntax实例的Js文件中调用导入。参见：https://medium.com/@thejasonfile/a-simple-intro-to-javascript-imports-and-exports-389dd53c3fac

希望这可以帮助某人节省一些时间。

Answer 3

在刀片文件中插入与Vue.js组件相关的标签时，PhpStorm确实像Oluwatobi Samuel Omisakin编写了插入这样的代码

     <script>
        import MyComponent from "../../../js/components/myComponent";
        export default {
           components: {MyComponent}
        }
     </script>

位于刀片文件末尾。这给您带来控制台错误。只需将其删除并导入到您的app.js文件中即可。

Vue js：Uncaught SyntaxError：导入行处的意外标识符

3 个答案: