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