快速起一個react項目

快速起一個react項目

來自專欄 前端開發

這裡我採用官方的一個腳手架工具

npm install -g create-react-appcreate-react-app my-appcd my-app/npm start

關於npm run buid 的編譯的問題,你在運行本地文件的時候,頁面是一片空白,然後你f12以後,看到了各種報錯,都是什麼啊,路徑不對,以前像什麼webpack.config.js 或者gulpfile.js都是寫在根目錄的,所以很快就找到了,但是這次不一樣,這次的目錄隱藏得比較深,要在node-modules這個目錄下才能找得到,點開之後找到react-script 這個文件夾打開,找到config目錄下的webpack.config.prod.js,大概在第79行,

把原來的這個

publicPath: publicPath

改成這個

publicPath: "."+publicPath

就ok,然後你本地文件打開就沒有問題了,哪怕你用http-server隨便起一個服務都是沒有問題的,今天就講到這裡,如果有人轉發了我的文章,請在最後加上我的鏈接,謝謝

推薦閱讀:

如何評價微軟開源的ReactXP?
asp.net mvc 項目中怎麼用react redux,vue 等前端框架?
React 了解一下
前端每周清單第 30 期:WebVR 指南,Vue 代碼分割範式,理想的 React 架構特性
為什麼 Vue 不能及時更新視圖,而 React, Angular 卻可以?

TAG:React | 前端開發 | reactrouter |