无法解析模块说明符“@vue/composition-api”。相对引用必须以“/”、“./”或“../”开头

【问题标题】：Failed to resolve module specifier "@vue/composition-api". Relative references must start with either "/", "./", or "../"无法解析模块说明符“@vue/composition-api”。相对引用必须以“/”、“./”或“../”开头
【发布时间】：2021-10-12 03:44:52
【问题描述】：

我尝试的任何方法似乎都没有帮助。

有人知道如何在 vue 2 中通过 cdn 使用 composition api 吗？

    Vue.use(VueCompositionAPI.default);

    const { ref, reactive } = VueCompositionAPI.default;

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.2.4"></script>

【问题讨论】：

标签： vue.js vuejs2 cdn vue-composition-api

【解决方案1】：

documentation 中对此进行了很好的解释。 VueCompositionAPI 在浏览器中通过CDN 使用时会暴露在全局window 对象中。

const {
  ref,
  reactive
} = VueCompositionAPI


new Vue({
  el: "#app",
  setup() {
    let message = ref('');
    message.value= 'Hello world!';
    
    return {
      message
    };
  }
})

<script src="https://cdn.jsdelivr.net/npm/vue@2.6"></script>
<script src="https://cdn.jsdelivr.net/npm/@vue/composition-api@1.2.4"></script>

<div id="app">
  <span>{{message}}</span>
</div>

【讨论】：