今天繼續(xù)在學習React,前兩天依照小demo搭建好了一個最小配置的React工程阎姥,可以簡單輸出hello,今天我在此demo上進行了部分修改鸽捻,發(fā)現(xiàn)修改之后呼巴,運行于服務(wù)器上,頁面展示并無任何變化御蒲,與之前第一次搭建工程所展示的頁面一樣衣赶,實際上,當我修改項目工程下面的src中的index.js時厚满,public下面的index.html應(yīng)該是會隨之發(fā)生變化府瞄,比如我將hello改成hello world,html應(yīng)該反饋給我hello world碘箍。我的第一反應(yīng)是去清理緩存遵馆,結(jié)果發(fā)現(xiàn)依然顯示hello,不是瀏覽器的問題那么還是代碼出現(xiàn)了問題或者配置敲街,呈現(xiàn)在index.html中的所有需要展示的東西都是在下面這句話里發(fā)生:
<script src = "bundle.js"> </script>
所以問題應(yīng)該是出在這里团搞,bundle.js是將應(yīng)用打包生成的,相當于我的業(yè)務(wù)邏輯代碼最后是被打包在了這里多艇,所以我認為我更改js代碼之后沒有打包進bundle.js,所以在html頁面中無法展示像吻,由于對這個問題不是很確定峻黍,所以與胡老師進行了交流,發(fā)現(xiàn)確實是webpack的問題拨匆,接下來姆涩,如何完成打包,是需要手動還是自動完成呢惭每,我繼續(xù)折回頭去仔細再看一遍建立工程的過程骨饿,發(fā)現(xiàn)打包過程其實在后臺一直進行著亏栈,只是我當時強行關(guān)閉了這個自動打包的后臺程序,發(fā)現(xiàn)自己對webpack還不是很了解宏赘,只是單純了解一下功能绒北,里面具體的細節(jié)還是了解不夠,接下來需要仔細看一下webpack察署,大概使用半天的時間闷游。
PS:我在確認問題的時候還是不夠精確,今天林老師交給我一個如何用developer tools確定頁面是否加載進來贴汪,感覺對以后確認問題的根源很有幫助脐往,developer tools還是需要再了解一下,幫助我快速確認為根源扳埂。
每日mark-8.15
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門矾湃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人堕澄,你說我怎么就攤上這事邀跃。” “怎么了蛙紫?”我有些...
- 文/不壞的土叔 我叫張陵拍屑,是天一觀的道長。 經(jīng)常有香客問我坑傅,道長僵驰,這世上最難降的妖魔是什么? 我笑而不...
- 正文 為了忘掉前任唁毒,我火速辦了婚禮蒜茴,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘浆西。我一直安慰自己粉私,他們只是感情好,可當我...
- 文/花漫 我一把揭開白布近零。 她就那樣靜靜地躺著诺核,像睡著了一般抄肖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上窖杀,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鞍泉!你這毒婦竟也來了皱埠?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布工育,位于F島的核電站,受9級特大地震影響搓彻,放射性物質(zhì)發(fā)生泄漏如绸。R本人自食惡果不足惜,卻給世界環(huán)境...
- 文/蒙蒙 一好唯、第九天 我趴在偏房一處隱蔽的房頂上張望竭沫。 院中可真熱鬧,春花似錦骑篙、人聲如沸。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽谎势。三九已至,卻和暖如春杨名,著一層夾襖步出監(jiān)牢的瞬間脏榆,已是汗流浹背。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- GitChat技術(shù)雜談 前言 本文較長是己,為了節(jié)省你的閱讀時間,在文前列寫作思路如下: 什么是 webpack任柜,它要...
- Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...