reactjs - 如何在 src 文件夹之外要求具有反应 Electron 的图像(应用程序支持)

Question

我想从 Application Support 文件夹中动态地要求图像。我使用 react-app-rewired 包要求在 src 文件夹之外，但是当我在图像 src 中使用窗口变量时，我收到错误:错误:找不到模块。我得到这样的路径，并得到一个带有字符串的错误代码，当我直接在图像标签的 src 部分中使用它时，该字符串可以工作。

window.path = window.electron.remote.app.getPath("appData")

图片(不起作用):

<img className="topSvg" src={require(""+window.path+'/current/'+this.props.project+'/src/content/img/changeable/'+data.top.img)} alt="top_svg"/>

Error: Cannot find module '/Users/tobi/Library/Application Support/template-editor/current/Tobi/src/content/img/changeable/top_svg.svg '

图片(作品):

<img className="topSvg" src={require('/Users/tobi/Library/Application Support/template-editor/current/Tobi/src/content/img/changeable/top_svg.svg')} alt="top_svg"/>

我还尝试用字符串'/Users/tobi/Library/Application Support/template-editor'替换window.path，它也可以正常工作

Answer 1

switch(process.platform) {

    case 'darwin': {
      return path.join(process.env.HOME, 'Library', 'Application Support', 'template-editor', ...);
    }
    case 'win32': {
      return path.join(process.env.APPDATA, 'template-editor', ...);
    }
    case 'linux': {
      return path.join(process.env.HOME, '.template-editor', ...);
    }
}

如果您要获取应用程序的位置，请使用它 process.env.PORTABLE_EXECUTABLE_DIR但是这个变量只有在你使用 electron-builder 打包你的应用程序时才可用。