Question

我有一个名为while的数组，如下所示：

iconImportList

我正在尝试动态导入图标，以便可以各种方式使用它们（主要是将它们显示在列表中并允许下载）。我已经安装了实验性[ { url: "../src/icons/icn-check.svg", name: "Check" }, { url: "../src/icons/icn-x.svg", name: "Close" } ]及其所有功能。

我正在这样做：

import()

哪个在控制台中给了我这些错误：

iconImportList.map(icon => {
  import(icon.url).then(importedIcon => {
      iconDownloadList.push(importedIcon)
    })
    .catch(error => {
      console.log('Error trying to import icon!')
      console.log(error)
    })
})

但是我知道这些是正确的路径，因为如果这样做（从错误日志复制无法找到模块路径）：

Error trying to import icon!
index.js:56 Error: Cannot find module '../src/icons/icn-check.svg'
    at VM254 iframe.bundle.js:75725
index.js:55 Error trying to import icon!
index.js:56 Error: Cannot find module '../src/icons/icn-x.svg'
    at VM254 iframe.bundle.js:75725

控制台日志：

import testIcon from '../src/icons/icn-check.svg'
console.log('testIcon: ' + testIcon)

我可以通过本地主机浏览器访问图标文件。有什么明显的地方我做错了吗？

SVG图像路径的动态import（）不起作用

0 个答案: