用 vue 发布一个 npm 包,但是打包后内部的异步组件会报错
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
直接引入打包后使用正常
import ToolBar from '../components/ToolBar'
import Column from '../components/Column'
export default {
components: {
ToolBar,
Column
}
}
异步引入报错
export default {
components: {
ToolBar: () => import('../components/ToolBar'),
Column: () => import('../components/Column')
}
}
报错信息如下图
应该是路径不对。
我打包的配置是
// package.json
{
"main": "dist/simple-m-editor.common.js",
"scripts": {
"build-bundle": "vue-cli-service build --target lib --name simple-m-editor ./src/index.js"
}
}
vue.config.js
publicPath: './'