iT邦幫忙

0

React使用webpack-dev-derver開啟本地網頁沒有畫面

各位大大好,小弟目前在使用webpack-dev-server自己去建立react環境,下了npm run start之後,網頁一直沒辦法渲染出react裡面的內容,找了好久還是找不出原因,以下是我的專案內容

webpack.config.js
https://ithelp.ithome.com.tw/upload/images/20201226/20109533kefSaehvbe.jpg

package.json
https://ithelp.ithome.com.tw/upload/images/20201226/20109533T0lqkVMDzg.jpg

專案結構
https://ithelp.ithome.com.tw/upload/images/20201226/20109533t5aCqRCR1q.jpg

執行npm run start的結果
https://ithelp.ithome.com.tw/upload/images/20201226/20109533bk6PKxoCq6.png

應該是少了 contentBase
https://linguinecode.com/post/how-to-setup-webpack-dev-server-react-babel
我加上了 contentBase:'./public' 畫面變成一片空白,是路徑錯誤嗎?
畫面變一片空白表示有吃到路徑
只是沒吃到你的 js F12 打開來看應該會有錯誤
output 加上 publicPath: 'public'
devServer: {
...
public: '/'
}
再編譯看看

1 個回答

我要發表回答

立即登入回答