javascript - TypeError : vue. openBlock 不是函数，同时使用自定义节点模块中的 vue 组件

Question

我创建了支持 vue 的自定义节点模块。
包.json

{
 "name": "test-node-module",
 "version": "1.0.0",
 "description": "",
 "main": "./dist/index",
 "scripts": {
   "dev": "vue serve test.vue",
   "test": "echo \"Error: no test specified\" && exit 1"
 },
 "author": "Sam",
 "license": "ISC",
 "devDependencies": {
   "@vue/compiler-sfc": "^3.0.0-beta.15",
   "bili": "^5.0.5",
   "rollup-plugin-vue": "^6.0.0-beta.6",
   "vue-template-compiler": "^2.6.11"
 }
}

index.js

import test from "./test.vue"

 export default {
   install(Vue, options) {
     Vue.component("test", test);
   }
 }

测试.vue 有简单的文字。
在 main.js 在我的项目中

import Test from "test-node-module"

Vue.use(Test)

使用组件 <test></test>显示这样的错误。

[Vue warn]: Error in render: "TypeError: vue.openBlock is not a function"

在自定义节点结节中，这就是 dist/index.js 文件的样子。

'use strict';

 var vue = require('vue');

 var script = {};

 function render(_ctx, _cache) {
   return (vue.openBlock(), vue.createBlock("div", null, " Test123 "))   // Error is here...
 }

 script.render = render;

 var index = {
   install: function install(Vue, options) {
     Vue.component("test", script);
   }
 };

 module.exports = index;

我该如何解决这个问题？我错过了什么吗？

Answer 1

rollup-plugin-vue 的最新版本需要 Vue 3 才能正常运行，而 Vue-cli 安装 Vue v2。有 2 个选项:在您的项目中安装 Vue 3 或使用旧版本的 rollup-plugin-vue .
目前版本 5.0.0 适用于我:

"rollup-plugin-vue": "5.0.0",

这是包的一个已知问题，尚未收到官方回复
https://github.com/vuejs/rollup-plugin-vue/issues/363