vue为什么import()、require()不能以参数的方式导入?怎么动态导入文件呢?

为什么括号里面不能放变量?怎么才能动态导入文件呢?

import()会报错:

img

require()也报错:

img

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Statements/import#%E5%8A%A8%E6%80%81import


关键字import可以像调用函数一样来动态的导入模块。以这种方式调用,将返回一个 promise。

import('/modules/my-module.js')
  .then((module) => {
    // Do something with the module.
  });
Copy to Clipboard
这种使用方式也支持 await 关键字。

let module = await import('/modules/my-module.js');