问题描述

使用vue-cli3创建了一个组件,想要封装为第三方库后上传到npm供其他项目使用,但是vue-cli-service build --target lib --name lib1 ./src/lib1.vue打包后的库不能被正常使用,提示错误:

warning in ./src/App.vue?vue&type=script&lang=js&

"export 'default' (imported as 'lib1') was not found in 'lib1/dist/lib1.umd.js'

vue.runtime.esm.js?2b0e:601 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

相关代码

lib1-demo项目源码

为了便捷从本地源码目录安装组件库:npm install --save ../lib1

package.json部分

{

"dependencies": {

"lib1": "file:../lib1",

"vue": "^2.5.17"

}

}

src/App.vue

import HelloWorld from './components/HelloWorld.vue'

import lib1 from 'lib1/dist/lib1.umd.js'

// import lib1 from 'lib1/src/lib1.vue' // 此方式正常

console.log(lib1) // 输出为undefined

export default {

name: 'app',

components: {

HelloWorld,

lib1

}

}

你期待的结果是什么?实际看到的错误信息又是什么?

当lib1-demo项目npm run serve启动后命令行提示警告信息:

warning in ./src/App.vue?vue&type=script&lang=js&

"export 'default' (imported as 'lib1') was not found in 'lib1/dist/lib1.umd.js'

浏览器控制台输出:

[HMR] Waiting for update signal from WDS...

undefined

vue.runtime.esm.js?2b0e:601 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> at src/App.vue

defaul文件封装 export_vue-cli3.0打包组件后不能使用export default was not found in umd.js...相关推荐

  1. vue cli3.0打包上线不同环境

    vue cli3.0打包上线不同环境 1. cli3.0支持".env"文件配置,在项目的根目录下配置".env"文件,根据不同的环境命名不同的文件名称,如: ...

  2. uniApp 引入其它组件后,提示Not found -1,252 at view.umd.min.js:1

    app端会报错一下错误,H5端不会报错. 原因:注册的组件没有找到. 在init.js文件中引入所有的公用组件,并通过Vue.component(componentName,component)注册, ...

  3. 手动封装element-ui里面的button组件

    首先我们知道vue里面包含有父子组件 但是你知道如果要进行一个element的手动组件封装 怎么封装吗 1首先第一步 首先我们建立一个组件 最好设置在一个文件目录下比如components 只是一个普 ...

  4. Vue CLI3.0 中使用jQuery 和 Bootstrap

    Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...

  5. 第十一篇: 使用ElementUi 卡片封装一个季度选择器公共组件,可直接使用

    本篇主要内容:ElementUi 只提供了时间.日历等选择器,没有提供季度选择器,但在开发中报表的时候用到了季度选择器.需要换切换多种类型(年报.月报.季报), 于是封装一个季度公共组件,大家可按需修 ...

  6. Vue2.0 Vue组件 单文件组件

    聊到单文件就要写道xxx.vue,但是.vue文件浏览器是不认识的得处理和加工成.js怎么处理和加工 渠道一: webpack 渠道二: 借助Vue官方提供的脚手架(官方给你搭建的整个webpack编 ...

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

    本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安 ...

  8. python文件封装成jar_【Python】Python文件打包为可执行文件

    之前写的用于创建.链接Jenkins slave脚本是使用Python实现的,为了使未安装Python环境的伙伴也可以直接使用,故需要将其可直接执行的exe可执行文件. 一.安装pyinsatller ...

  9. axios 上传文件 封装_axios使用及封装

    axios跨域及封装 1.安装 npm install axios --save 2.main.js引用 import axios from 'axios'; 3.axios基本用法 function ...

  10. 【转】ESXI 7.0 打包网卡驱动

    拓展 VLOG | ESXI6.7-7.0最新版本如何封装网卡驱动补丁 初探Proxmox Virtual Environment-----PVE系统安装 如何为ESXI安装网卡驱动 ESXI 7.0 ...

最新文章

  1. 2021年大数据常用语言Scala(三十一):scala面向对象 特质(trait)
  2. Matlab频域高/低通滤波
  3. nginx同IP、同端口、不同域名时的转发
  4. RecyclerView中adapter列表里有EditText输入框问题(使用不复用方法解决)
  5. 斯坦福大学2014机器学习教程中文笔记目录
  6. linux 定时器中断 imx,NXP iMX8 存储性能测试
  7. 看动画学算法系列之:后缀树suffix tree
  8. java 代码锁_Java中的Lock锁
  9. 是按压还是触摸_一文读懂,选联想还是华为?Matebook 14锐龙版和YOGA 14s、小新Pro13怎么选?...
  10. Spark Streaming 遇到 kafka
  11. Flutter 弧度与角度之间的换算
  12. 《C++编程风格(修订版)》——3.2 继承作用域准则
  13. 四种模式、五大架构 规划企业物联网蓝图
  14. 利用css画三角箭头图标
  15. 一文详解elasticsearch的索引生命周期管理—rollover+curator—ilm
  16. 跟这台计算机连接的一个USB设备运行不正常,Windows无法识别
  17. JavaScript 高级编程(二)
  18. Matlab的基本使用方法
  19. 安徽科技学院 信网学院网络文化节 刁广
  20. 互联网医疗泡沫破灭后 或将迎来持久良性发展

热门文章

  1. 《金融学》笔记 第一章 货币的本质
  2. 使用TTP224触摸芯片时出现的一些问题
  3. 18年研赛数学建模心得
  4. 在Window10系统中安装Pandas并行加速库Modin的流程及效果测试
  5. 李沐动手学深度学习V2-attention注意力机制
  6. 软著申请个人实名认证流程
  7. window上vs2017 opencv图片路径问题(附3种加载路径方法)
  8. 计算机组装安装主板的依靠什么初步定位,电脑维修高级全科班
  9. arduino(14):使用ESP8266加蜂鸣器,自己动手做歌曲,使用python 程序,做简单的五线谱转换。直接把音节和节拍转换,然后转换成数据,用蜂鸣器播放歌曲《下山》。。
  10. 报错:Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension