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

Question

我尝试的一切似乎都无济于事。

有人知道如何在带有 cdn 的 vue 2 中使用组合 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>

Answer 1

在 documentation 中解释得很好。当通过 CDN.

在浏览器中使用时，VueCompositionAPI 在全局 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>

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

Failed to resolve module specifier "@vue/composition-api". Relative references must start with either "/", "./", or "../"

cdn

vue.js

vuejs2

vue-composition-api