defaul文件封装 export_vue-cli3.0打包组件后不能使用export default was not found in umd.js...
问题描述
使用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...相关推荐
- vue cli3.0打包上线不同环境
vue cli3.0打包上线不同环境 1. cli3.0支持".env"文件配置,在项目的根目录下配置".env"文件,根据不同的环境命名不同的文件名称,如: ...
- uniApp 引入其它组件后,提示Not found -1,252 at view.umd.min.js:1
app端会报错一下错误,H5端不会报错. 原因:注册的组件没有找到. 在init.js文件中引入所有的公用组件,并通过Vue.component(componentName,component)注册, ...
- 手动封装element-ui里面的button组件
首先我们知道vue里面包含有父子组件 但是你知道如果要进行一个element的手动组件封装 怎么封装吗 1首先第一步 首先我们建立一个组件 最好设置在一个文件目录下比如components 只是一个普 ...
- Vue CLI3.0 中使用jQuery 和 Bootstrap
Vue 中使用 jQuery 和 Bootstrap 不是特别符合 Vue 原生的写法,但是有时候又要用,所以放上我的引入设置,供大家参考. 在 Vue CLI2.0 中引入 jQuery 和 Boo ...
- 第十一篇: 使用ElementUi 卡片封装一个季度选择器公共组件,可直接使用
本篇主要内容:ElementUi 只提供了时间.日历等选择器,没有提供季度选择器,但在开发中报表的时候用到了季度选择器.需要换切换多种类型(年报.月报.季报), 于是封装一个季度公共组件,大家可按需修 ...
- Vue2.0 Vue组件 单文件组件
聊到单文件就要写道xxx.vue,但是.vue文件浏览器是不认识的得处理和加工成.js怎么处理和加工 渠道一: webpack 渠道二: 借助Vue官方提供的脚手架(官方给你搭建的整个webpack编 ...
- 从0搭建Vue3组件库(五): 如何使用Vite打包组件库
本篇文章将介绍如何使用 vite 打包我们的组件库,同时告诉大家如何使用插件让打包后的文件自动生成声明文件(*.d.ts) 打包配置 vite 专门提供了库模式的打包方式,配置其实非常简单,首先全局安 ...
- python文件封装成jar_【Python】Python文件打包为可执行文件
之前写的用于创建.链接Jenkins slave脚本是使用Python实现的,为了使未安装Python环境的伙伴也可以直接使用,故需要将其可直接执行的exe可执行文件. 一.安装pyinsatller ...
- axios 上传文件 封装_axios使用及封装
axios跨域及封装 1.安装 npm install axios --save 2.main.js引用 import axios from 'axios'; 3.axios基本用法 function ...
- 【转】ESXI 7.0 打包网卡驱动
拓展 VLOG | ESXI6.7-7.0最新版本如何封装网卡驱动补丁 初探Proxmox Virtual Environment-----PVE系统安装 如何为ESXI安装网卡驱动 ESXI 7.0 ...
最新文章
- 2021年大数据常用语言Scala(三十一):scala面向对象 特质(trait)
- Matlab频域高/低通滤波
- nginx同IP、同端口、不同域名时的转发
- RecyclerView中adapter列表里有EditText输入框问题(使用不复用方法解决)
- 斯坦福大学2014机器学习教程中文笔记目录
- linux 定时器中断 imx,NXP iMX8 存储性能测试
- 看动画学算法系列之:后缀树suffix tree
- java 代码锁_Java中的Lock锁
- 是按压还是触摸_一文读懂,选联想还是华为?Matebook 14锐龙版和YOGA 14s、小新Pro13怎么选?...
- Spark Streaming 遇到 kafka
- Flutter 弧度与角度之间的换算
- 《C++编程风格(修订版)》——3.2 继承作用域准则
- 四种模式、五大架构 规划企业物联网蓝图
- 利用css画三角箭头图标
- 一文详解elasticsearch的索引生命周期管理—rollover+curator—ilm
- 跟这台计算机连接的一个USB设备运行不正常,Windows无法识别
- JavaScript 高级编程(二)
- Matlab的基本使用方法
- 安徽科技学院 信网学院网络文化节 刁广
- 互联网医疗泡沫破灭后 或将迎来持久良性发展
热门文章
- 《金融学》笔记 第一章 货币的本质
- 使用TTP224触摸芯片时出现的一些问题
- 18年研赛数学建模心得
- 在Window10系统中安装Pandas并行加速库Modin的流程及效果测试
- 李沐动手学深度学习V2-attention注意力机制
- 软著申请个人实名认证流程
- window上vs2017 opencv图片路径问题(附3种加载路径方法)
- 计算机组装安装主板的依靠什么初步定位,电脑维修高级全科班
- arduino(14):使用ESP8266加蜂鸣器,自己动手做歌曲,使用python 程序,做简单的五线谱转换。直接把音节和节拍转换,然后转换成数据,用蜂鸣器播放歌曲《下山》。。
- 报错:Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension