Vue.js 在我的vue js代码中使用合成api时出错？

我是vue js的新手，从vue精通教程中学习，在组合api的概念中，vuejs中指定了一个示例，我也尝试过同样的方法，但我遇到了这个错误，请帮助我解决 代码：

容量：{{Capacity}
从“/vue”导入{ref}；
导出默认值{
设置（）{
常数容量=参考（3）；
返回{capacity}；
}
};

---

错误为：未捕获类型错误：解析模块说明符“@vue/composition api”失败。相对引用必须以“/”、“/”或“./”开头

将导入从“vue”更改为

import{ref}修复问题？@MattEllen无相同更改error@MattEllen你能帮我吗？对不起，这是我唯一能找到的问题。如果我有时间的话，也许以后再谈。那么你是说这些都不是问题，对吗@马特伦
<template>
<div>Capacity: {{ capacity }}</div>
</template>
<script src="https://unpkg.com/vue@2.1.6/dist/vue.js"></script>
<script src="https://unpkg.com/@vue/composition-api/dist/vue-composition-api.umd.js"></script>

<script type="module">
    import { ref } from "/vue";
    export default{
        setup(){
            const capacity = ref(3);
            return { capacity };
        }
    };
</script>