考虑以下项目结构:
在game.js
我有以下内容:
import React, {Component} from 'react';
import {Loop, Canvas, Sprite} from '../components/';
import GameLoop from '../engine/loop';
import path from 'path';
export default class Game extends Component {
constructor(props) {
super(props);
}
render() {
console.log();
return (
<Loop>
<Canvas>
<Sprite img={'/images/The-Poet.png'} />
</Canvas>
</Loop>
);
}
}
如果你看Sprite
我试图传递图像,那么在电子中如何得到错误:
Failed to load resource: net::ERR_FILE_NOT_FOUND file:///images/The-Poet.png
如果我尝试使用__dirname
它会吐出src/game/...
我需要绝对路径来显示所述图像。的思想吗
答案 0 :(得分:1)
您可以使用app.getAppPath()获取当前应用程序目录的路径来构建绝对路径
http://electron.atom.io/docs/api/app/#appgetapppath
由于app是一个主要的流程变量,并且您希望在渲染器过程中使用它,因此您必须使用远程需要它。
disabled