javascript - 在 meteor 中导入 svg 文件

Question

我正在做一个使用 meteor + react 作为前后端的项目。

对于前端 UI，我使用的是 element-react ( https://eleme.github.io/element-react/#/en-US/quick-start )，它真的很酷而且很棒。然而，当我尝试将 element-react 导入我的项目时(如 element-react 主页快速启动中所述)，meteor 无法编译静态文件并返回“未捕获错误:找不到模块'./assets/error.svg' '"文件确实存在并且具有正确的相对路径。

是否缺少某些东西，或者在 meteor 中我们根本无法使用“require('./assets/error.svg')”来加载 svg 图像？

Answer 1

根据 this post在 Meteor 的论坛中。

不过，您可以使用诸如 Meteor 方法和 Assets API 之类的东西从您的服务器获取大部分数据。有点像

/server/main.js

Meteor.methods({
  'svg.get'(data) {
    return Assets.getText(data.path)
  }
})

和

/client/main.js

  const getSVG = async (path) => {
    return await new Promise((resolve, reject) => {
      Meteor.call('svg.get', { path }, (err, res) => {
        if (err) reject('Something went wrong')
        resolve(res)
      })
    })
  }

const SVG = await getSVG('some/path/relative/to/private/file.svg')