带有vue.js的requirejs将引发“未定义Vue”

Posted 2021-04-09

我使用以下代码：

<script type="text/javascript" src="../../node_modules/requirejs/require.js"></script>
<script type="text/javascript" src="../../node_modules/vue/dist/vue.js"></script>
<script>console.log(Vue)</script>

它将引发：

Uncaught ReferenceError: Vue is not defined

以下代码将正常工作：

<script type="text/javascript" src="../../node_modules/vue/dist/vue.js"></script>
<script>console.log(Vue)</script>

以下代码也将起作用：

<script type="text/javascript" src="../../node_modules/requirejs/require.js"></script>
<script>
  requirejs(["../../node_modules/vue/dist/vue.js"], (Vue) => {
    window.Vue = Vue;
    console.log(Vue)
  })
</script>

[我只想知道，为什么requirejs导致window.Vue = null，有没有办法使使用requirejs导入Vue与不使用requirejs导入Vue相同？

答案

我找到了解决方案，在最新的浏览器中，它支持js import from语法在我的代码中，我可以先

import Vue from "vue"
window.Vue = Vue