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

Question

Nothing I try seems to be helping.

Anybody know how to use composition api in vue 2 with cdn?

    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

It's explained well in the documentation. VueCompositionAPI is exposed in the global window object when used in browser via CDN.

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>