Rails 上的 Ruby “當前未啟用對實驗語法 'jsx' 的支持”

Question

我正在用 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 文件和繞過常規結構的方式不允許我有效地進行這些更改，因為我的應用程序的根文件夾位於 React 環境之外（我猜？）。 我應該在 components 文件夾中創建.babelrc文件嗎？ 或者別的地方？

這些似乎也沒有解決我的問題，所有這些似乎都適用於僅反應的應用程序： 創建 babel.config.js 安裝 babel/preset-react，將.babelrc 添加到 /src 文件夾

Answer 1

通過運行以下命令來修復它（基本上是重新安裝 react-rails）：

bundle install
rails webpacker:install
rails webpacker:install:react
rails generate react:install