vue 3.如何构建NPM库.ref()在npm包中不起作用

Question

你好，我为vue3制作了一个简单的库我的代码。

export class REfTest() {
private ref = ref(null)
constructor(value: any) { this.ref.value = value }
update(value) {
this.ref.value = value;
}
}

我使用了npm链接从库中创建了类的实例。但什么都不管用。由于某种原因，反应性停止了工作。此外，包含所有库代码的文件重达160千字节。太多了。据我所知，他编译了vue3并将其添加到这个文件中，这就是为什么它不起作用，而且文件太大的原因。这是依赖文件

{
"name": "ref-tets",
"version": "1.0.0",
"description": "",
"main": "./dist/index.js",
"scripts": {
"build": "webpack"
},
"keywords": [],
"license": "ISC",
"devDependencies": {
"ts-loader": "^9.3.1",
"typescript": "^4.7.4",
"webpack": "^5.73.0",
"webpack-cli": "^4.10.0"
},
"peerDependencies": {
"vue": "^3.0.0"
},
"files": [
"dist"
]
}

我指出vue3是一个对等依赖。但对没有帮助

Answer 1

您忘记了从vue导入ref。

请在代码段的顶部添加以下行。

import { ref } from "vue"