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

Posted 2023-03-07

【中文标题】TypeError：vue.openBlock 不是函数，同时使用自定义节点模块中的 vue 组件

【英文标题】：TypeError: vue.openBlock is not a function, while using vue component from custom node module

【发布时间】：2020-10-13 01:37:06

【问题描述】：

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

Package.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);
   
 

test.vue 有简单的文字。

在我项目的 ma​​in.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;

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

【参考方案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