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

react webpack

silence 2020-12-26 00:26:16 ‧ 1719 瀏覽

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

webpack.config.js

package.json

專案結構

執行npm run start的結果

listennn08 iT邦高手 5 級 ‧ 2020-12-26 08:39:27 檢舉

應該是少了 contentBase
https://linguinecode.com/post/how-to-setup-webpack-dev-server-react-babel

silence iT邦新手 4 級 ‧ 2020-12-26 10:46:50 檢舉

我加上了 contentBase:'./public' 畫面變成一片空白，是路徑錯誤嗎?

listennn08 iT邦高手 5 級 ‧ 2020-12-26 23:58:49 檢舉

畫面變一片空白表示有吃到路徑
只是沒吃到你的 js F12 打開來看應該會有錯誤
output 加上 publicPath: 'public'
devServer: {
...
public: '/'
}
再編譯看看

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

HelloKayac

iT邦新手 4 級 ‧ 2020-12-28 11:59:01

請詳讀官方文件

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙