2017-08-16 86 views
1

在我的package.json文件我有 "homepage" : "http://myname.project.com/myapp",陣營網頁屬性不工作

我建立使用npm run build應用和輸出確認A/build目錄已創建。輸出:

102.97 KB編譯/靜態/ JS/main.bfa46b52.js

24.37 KB編譯/靜態/ CSS/main.cfe8a47e.css

該項目建成假設它託管at/myapp /。您可以使用package.json中的主頁字段來控制它。

構建文件夾已準備好部署。

如果我使用npm startserve -s build啓動應用程序,應用程序將啓動,並在index.html頁面將被加載,但是從index.html的靜態資源引用被破壞(/ MyApp的/靜態/ JS /主。 js和/myapp/static/css/main.css)。 (localhost:5000/static/js/main.js工作; localhost:5000/myapp/static/js/main.js不起作用),我可以直接導航到它們,而不使用/ myapp

如果我部署將文件夾建立到/ myapp目錄下的其他普通舊apache服務器,它似乎按預期工作。有什麼辦法可以配置serve -s build來從/ myapp目錄提供頁面嗎?

該應用程序目前是一個頁面,沒有鏈接,沒有實現反應路由器或任何等效的東西。該團隊一直在使用webpack,但刪除了它。應用程序使用react-scripts捆綁在一起。

+0

同樣沒有答案的問題:https://stackoverflow.com/questions/43011207/using-homepage-in-package-json-without-messing-up-paths-換本地主機?RQ = 1 – user1521567

回答

0

我不清楚有兩件事情正在發生。

  1. 設置網頁屬性進行了修改的index.html,以便當部署到/ MyApp的目錄它會表現得正常
  2. 運行npm startserve -s build/仍然從內置的靜態服務器的根目錄中部署我的應用程序。

主頁屬性與您的應用實際部署的位置沒有任何關係。爲了解決這個問題,我使用了一個postbuild腳本將我的/ build文件夾的內容移動到/ build/myapp文件夾中。然後它按預期工作。關於這個這裏

所以更多的討論: https://github.com/facebookincubator/create-react-app/issues/1354#issuecomment-311506599