rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm

这篇具有很好参考价值的文章主要介绍了rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

rollup 打包vue3组件库报错 ‘createElementVNode’ is not exported by node_modules\vue\dist\vue.runtime.esm.js

rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm,前端,vue.js,前端,javascript

在这里插入图片描述文章来源地址https://www.toymoban.com/news/detail-773542.html

报错意思就是说 createElementVNode 没有被导出。也就是找不到。然后看下面
1: import { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, vShow as _vShow, withDirectives as _withDirectives } from “vue”

这是vue版本不对造成的。目前vue3刚出来没多久,估计很多伙伴的电脑直接安装vue ,例如 npm install vue --save-dev,装的还是2.6.14版本。vue2.0版本肯定没这东西。所以换版本就好了。
直接在package.json里面,将vue版本改成^3.0.5,然后npm install 或者 yarn,再运行打包命令,OK。

rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm,前端,vue.js,前端,javascript

在这里插入图片描述

另外要说的是,在package.json里面看到的依赖包版本,如果是有 ^ 符号的,那么看到的版本不一定是实际版本,实际版本可能会比这个版本高。要看实际版本,按住ctrl键,鼠标点击版本号,跳转到对应的依赖包里面,可看到实际版本。写本文时最新版本是3.2.6

rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm,前端,vue.js,前端,javascript

在这里插入图片描述

到了这里,关于rollup 打包vue3组件库报错 ‘createElementVNode‘ is not exported by node\_modules\\vue\\dist\\vue.runtime.esm的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 从0搭建Vue3组件库(五): 如何使用Vite打包组件库

    本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安装 vite 以及@vitejs/plugin-vue pnpm add vite @vitejs/plugin-vue -D -w 在 components 文件下新建vite.

    2024年01月24日
    浏览(30)
  • vue3+ts打包报错处理

    打包报错 但是npm run dev 是运行正常的 经过一番搜索之后,这个错误是比较难搜索到的 注意看package.json 中的vue-tsc --noEmit 删掉就可以了 { “name”: “vuevitec”, “version”: “0.0.0”, “scripts”: { “dev”: “vite”, “build”: “vue-tsc --noEmit vite build”, “preview”: “vite preview” },

    2024年01月18日
    浏览(55)
  • vite打包vue3项目白屏报错

    资源路劲问题 修改:vite.config.ts 原因是需要服务器进行静态资源访问,否则会因为跨域而报错 : Access to script at \\\'file:///F:/Progremes/Vue3/yanxuan_vue3_m_h5/dist/assets/index-49de958d.js\\\' from origin \\\'null\\\' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, isolated

    2024年02月16日
    浏览(38)
  • electron使用rollup打包后,运行报错Could not dynamically require……

    同学们可以私信我加入学习群! 这报错信息意思是rollup不支持动态的require,全部报错信息为: Could not dynamically require “./src/cat”. Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work 打开软件时,报错如图: 这是

    2024年01月21日
    浏览(45)
  • vue3组件多个根节点报错

    打开扩展商店搜索下载 vetur  打开设置命令面板 搜索eslint  将下面的勾选取消            

    2024年02月11日
    浏览(20)
  • rollup打包js库 占位符替换成文件名和行号输出日志中定位报错位置

    问题:在打包的js库中有很多日志或者error的控制台输出,但是打包后的js调用报错后无法从控制台看到堆栈信息,无法定位报错的位置是在哪个文件的哪一行 需求:能够从报错中观察到报错在哪个文件的那一行,便于排查错误 实现:自定义插件来实现此功能 思路:在打包时

    2024年02月16日
    浏览(41)
  • vue2升级为vue3 vuedraggable 拖动组件报错

    升级组件 npm i -S vuedraggable@next 使用示例 2、Item slot must have only one child 官方GitHub - SortableJS/vue.draggable.next: Vue 3 compatible drag-and-drop component based on Sortable.js  官方demo https://sortablejs.github.io/vue.draggable.next/#/two-lists

    2024年02月16日
    浏览(31)
  • vue3+vite导入第三方库报ERR_ABORTED 504 (Gateway Timeout)

    vue3+vite,使用了三方库NProgress,使用npm install --save nprogress 安装后在项目中使用,报错:ERR_ABORTED 504 (Gateway Timeout), 卸载后重新安装 ,还是报这个错, 难道是这个库有问题?,新建了一个空项目,安装后, 在新项目中可以正常使用, 排除库的问题,应该就是这个库没有正确

    2024年02月13日
    浏览(35)
  • Vue3,Typescript中引用组件路径无法找到模块报错

    是这么个事,我在vue3新创建的项目里,写了个组件叫headerIndex.vue,放到app.vue中import就会报错 路径肯定没写错,找到了解决方法,但是也没想明白为什么 解决方法如下 在vite-env.d.ts文件中加入 就好了,大概意思就是在文件中把组件声明一下,but why

    2024年02月09日
    浏览(35)
  • 解决Vue3+Vite3 打包部署到nginx后配置非根目录刷新页面报错空白

    报错内容 解决方法 router文件 vite.config.ts nginx.conf 配置中路径apps是我自建的存放前端页面的文件夹 起关键作用的是 try_files $uri $uri/ /demo/index.html ,当然上面项目文件夹demo也需保持一致 alias 后面的路径是Vue项目打包后dist静态文件服务器存放路径,一般在nginx下面建一个文件夹

    2024年02月11日
    浏览(32)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包