Fw: [問題] React + Rails選取不到元件

[imjeffreylee (jl)]

※ [本文轉錄自 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://www.ptt.cc/bbs/Ajax/M.1587186620.A.30E.html
※ 編輯: imjeffreylee (207.96.90.111 美國), 04/18/2020 13:11:18
※ imjeffreylee:轉錄至看板 Ruby                                    04/18 13:13
※ imjeffreylee:轉錄至看板 Web_Design                              04/18 13:15

※ 發信站: 批踢踢實業坊(ptt.cc)
※ 轉錄者: imjeffreylee (207.96.90.111 美國), 04/18/2020 13:17:34
→ max80713: 你 webpack 應該要設定 output 到 app/j
→ max80713: avascript/packs/application.js
推 max80713: 也就是在 html 裡 javascript_pack_tag
→ max80713: 指到的路徑
→ imjeffreylee: Max大！太感謝了！成功了！
→ imjeffreylee: 我發現我對這個output不是很了解，
→ imjeffreylee: 上一個project的output放bundle.js
→ imjeffreylee: 沒有問題，而且application.js裡面
→ imjeffreylee: 是空的沒有code... 是因為rails版本
→ imjeffreylee: 不同嗎？