用 vue 发布一个 npm 包,但是打包后内部的异步组件会报错
发布于 3 年前 作者 clubadmin 996 次浏览 来自 问答
粉丝福利 : 关注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')
    }
}

报错信息如下图
image.png

应该是路径不对。
我打包的配置是

// 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: './'
回到顶部