无法从导入中引入Vue，但是如果我将其引入html文件中就可以访问它

Question

所以我要从React切换到Vue，并且只有一个简单的hello world项目，只有当我在html文件的script标签中引入vue.js时，该项目才能起作用。但是我不能像这样导入节点模块：

import './node_modules/vue/dist/vue.js

或

import Vue from 'vue'

就像我说的，如果我的html文件中有一个脚本，例如

<script src='./node_modules/vue/dist/vue.js'></script>
<script src="app.js"></script>

然后我可以在我的app.js中添加

：

 new Vue({
    el: '#app',
    data: {
        message: 'Hello vue'
    }
});

并使其正常工作。

为什么我只能从脚本标签中引入Vue？

注释可能无关紧要： 我使用npm并通过npm安装了vue，它在我的依赖项中列出。 我没有使用Web Pack或像babel这样的翻译器。

Answer 1

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

您必须将脚本声明为“模块”类型，以告知浏览器它是ES6模块文件，然后可以使用import关键字，前提是您的浏览器支持它。浏览器支持：https://caniuse.com/#feat=es6-module