无法在Vue框架上使用main.js中的导入模块

Question

无法在Vue App中安装程序包

我想为我的登录表单Vue使用Vue-tel- https://www.npmjs.com/package/vue-tel-input包，但是当我导入并安装全局组件时，我得到了这个错误：

'Uncaught SyntaxError: Unexpected identifier". 

这是导入代码

import Vue from 'vue';
import VueTelInput from 'vue-tel-input';

Vue.use(VueTelInput);

Vue.component('js-login', {
    template: `
    <div>
        <div class="js-login-wrap">
            <form class="js-login">
            <h2 class="js-login-heading">Login to Loket</h2>
            <label for="name">Name</label>
            <input type="text" id="field_name" class="form-control" placeholder="Name" required autofocus>
            <label for="email">Email</label>
            <input type="email" id="field_email" class="form-control" placeholder="Email" required autofocus>
        </form>
    </div>
</div>`,
})

new Vue({
    el: '#app',
})

我的目录：enter image description here

我该怎么办？

Answer 1

正如他们的文档中所提到的：

‘适用于浏览器的'ESM (仅限2.6+)：旨在通过.’reference在现代浏览器中直接导入

因此，尝试将type="module"添加到您的main.js：

<script type="module" src="main.js"></script>