vue一个动态加载组件使用的问题

Question

描述:
我维护了一个npm的组件包，里面有一个组件的功能，需要动态显示某个组件（这个组件是由引入方项目里面的组件）

下面代码为应用项目中main.js中传递了一个loadVue方法进行动态导入组件。

Vue.use('xxx', {
  loadVue: function(file) {
    // return require('@/views/' + file) 加载成功
    return import('@/views/' + file) // 加载失败 模块未找到
  }
})

问题:
import 是写法有问题吗 还是啥情况呢？

Answer 1

有人问过跟你类似的问题，在vue中import()语法为什么不能传入变量?，你看一下这个问题的采纳答案以及点赞很多的那几个答案，看对你有没有帮助
你再看看这个文档https://webpack.docschina.org/api/module-methods/
或者这种文章webpack import() 动态加载模块踩坑