2016-06-08 43 views
0

我正在開發一個項目,我們需要編譯一個應用程序進行部署。當我在本地機器上的服務器上運行應用程序時,它可以很好地工作,但編譯完項目後,找不到該文件,因爲它的位置不正確:/assets/12912bc94b5dcb7715a465d360537279.png應該是assets/12912bc94b5dcb7715a465d360537279.png(不帶前導斜槓)。npm運行後找不到ReactJS映像文件dist

下面是我的組件代碼:

var logoPNG = require('../images/GS G favicon.png'); 

則:

<img className="img-responsive" width="45" height="45" alt="Brand" src={logoPNG} /> 

我建立使用默認設置從https://github.com/newtriks/generator-react-webpack項目。我對webpack非常陌生,所以我不確定該代碼的哪一部分應該專門複製/粘貼,但只是告訴我,我將粘貼代碼的相應部分。

+0

嘗試使用名稱中沒有空格的名稱 – havenchyk

回答

0

我跟蹤瞭解決問題的方法,最後得到的是需要更改的參數publicPath

從這:

module.exports = { 
    srcPath: srcPath, 
    publicPath: '/assets/', 
    port: dfltPort, 
    getDefaultModules: getDefaultModules 
}; 

這樣:

module.exports = { 
    srcPath: srcPath, 
    publicPath: 'assets/', 
    port: dfltPort, 
    getDefaultModules: getDefaultModules 
}; 

通知publicPath缺少一個開始削減在工作實例。

相關問題