作者imjeffreylee (jl)
看板Web_Design
標題Fw: [問題] React + Rails選取不到元件
時間Sat Apr 18 13:15:17 2020
※ [本文轉錄自 Ajax 看板 #1UcekyCE ]
作者: imjeffreylee (jl) 看板: Ajax
標題: [問題] React + Rails選取不到元件
時間: Sat Apr 18 13:10:16 2020
大家好，最近在用react跟rails做全端開發，可是一開始就遇到問題（跪）
不知道這裡用RoR的人多不多 不過還是想問問看
我有一個root page長這樣
https://imgur.com/3fdsRIE
然後這是我主要load html的檔案
https://imgur.com/MuI9xvd
那個yeild就是root page出現的地方
然後這是我的React component
https://imgur.com/kU1SasH
瀏覽器裡<h1>Welcome to Intro-Me</h1>顯示不出來，
但是可以看到<main id="root">test: should not see this</main>
https://imgur.com/E1QA3sv
所以我初步判定rails view的部分沒問題(有問題的話應該連root都顯示不出來)
然後丟了兩個debugger在react component裡面
發現瀏覽器根本撞不到debugger
所以我覺得問題出在webpack.config.js
https://imgur.com/AZLxnke
可是我實在找不出錯誤在哪，也問了好幾個人(包括google小姐)
Stack overflow發問也沒人回答，
是有人用comment提供意見啦但是幫助不大（還是感謝他）
希望PTT大神可以救我QAQ
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 207.96.90.111 (美國)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Ajax/M.1587186620.A.30E.html
※ 編輯: imjeffreylee (207.96.90.111 美國), 04/18/2020 13:11:18
※ imjeffreylee:轉錄至看板 Ruby 04/18 13:13
※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: imjeffreylee (207.96.90.111 美國), 04/18/2020 13:15:17
1F：→ aquarianboy: 只有部份線索，不容易看出問題來 04/18 20:30
2F：→ imjeffreylee: 一樓有想看哪段code嗎？我可以提供 04/19 04:27
3F：→ pizzameow: javascript_pack_tag 移到 body 結束前一行,載入順序 07/08 00:37
4F：→ pizzameow: 問題 07/08 00:37
5F：→ pizzameow: 你有開看看 webpack dev server 編譯的狀況嗎？ 07/08 00:48
6F：→ pizzameow: 建議在各個階段打上 console.log , DOMContentLoaded 07/08 00:50
7F：→ pizzameow: 前後，確保 js 有被正常載入 07/08 00:50