我正在用 rails-react 構建一個應用程式。我的一個觀點，search_terms/index利用了一個反應組件SearchTermIndex.js，如下所示：
<%= react_component("SearchTermIndex", {
currentUser: current_user,
admin: User.where(admin: true)
}) %>
當我嘗試加載該頁面時，控制臺給了我錯誤support for the experimental syntax 'jsx' isn't currently enabled。我已經嘗試按照這里.babelrc的建議添加一個檔案，還嘗試從這里更改我的 babel.config.js 檔案：
...
return {
presets: [
isTestEnv && [
'@babel/preset-env',
{
targets: {
node: 'current'
}
}
],
(isProductionEnv || isDevelopmentEnv) && [
'@babel/preset-env',
{...
對此：
...return {
presets: [
isTestEnv && [
'@babel/preset-env',
'@babel/preset-react',
{
targets: {
node: 'current'
}
}
],
(isProductionEnv || isDevelopmentEnv) && [
'@babel/preset-env',
'@babel/preset-react',
{...
我猜 Rails 處理反應檔案和繞過常規結構的方式不允許我有效地進行這些更改，因為我的應用程式的根檔案夾在 React 環境之外（我猜？）。我應該.babelrc在組件檔案夾中制作檔案嗎？或者別的地方？
這些似乎也沒有解決我的問題，所有這些似乎都適用于僅反應的應用程式： 創建 babel.config.js 安裝 babel/preset-react，將 .babelrc 添加到 /src 檔案夾
uj5u.com熱心網友回復：
通過運行以下命令來修復它（基本上是重新安裝 react-rails）：
bundle install
rails webpacker:install
rails webpacker:install:react
rails generate react:install
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/411556.html
標籤：