2016-10-12 8 views
0

には、次のプロジェクト構造を考えてみましょう:game.js__dirnameを使用すると、プロジェクトのルートを取得するフォルダが得られますか?

enter image description here

私は、次があります。

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/...私は前記の画像への絶対パスが必要です。 アイデア?

答えて

1

あなたはapp.getAppPathを(使用して現在のアプリケーションディレクトリへのパスを取得することにより、絶対パスを構築することができます)

http://electron.atom.io/docs/api/app/#appgetapppath

アプリはメインプロセス変数であり、あなたはレンダラでこれを望んでいるので、プロセスを実行するには、リモートを使用する必要があります。

var remote = require('remote') 
var app = remote.require('app') 
関連する問題