ruby-on-rails - Rails 5.2.1 Webpacker Babel 没有转译 React

Question

环境宝石：Rails 5.2.1 Webpacker 3.5.5

这是我的 package.json

{
  "private": true,
  "scripts": {
    "test": "jest",
    "build": "./bin/webpack"
  },
  "devDependencies": {
    "autoprefixer": "9.1.1",
    "jest": "23.4.1",
    "webpack-cli": "3.1.0",
    "webpack-dev-server": "2.11.2",
    "babel-core": "~6.26.3",
    "babel-loader": "^7.0.2",
    "babel-preset-react": "~6.24.1",
    "postcss-loader": "~3.0.0",
    "sass-loader": "~7.1.0",
    "webpack": "^3.5.5"
  },
  "jest": {
    "roots": [
      "app/specs/"
    ]
  },
  "dependencies": {
    "@rails/webpacker": "3.5",
    "prop-types": "~15.6.2",
    "react": "~16.5.2",
    "react-dom": "~16.5.2"
  }
}

webpacker.yml.jsx在该extensions部分接受。

这是我的 .babelrc

{
  "presets": [
    [
      "env",
      {
        "modules": false,
        "targets": {
          "browsers": "> 1%",
          "uglify": true
        },
        "useBuiltIns": true
      }
    ],
    "react"
  ],
  "plugins": [
    "syntax-dynamic-import",
    "transform-object-rest-spread",
    [
      "transform-class-properties",
      {
        "spec": true
      }
    ]
  ]
}

我收到了这个错误，我想这意味着 babel 没有转译反应。

关于可能出问题的任何线索？我刚开始使用 webpacker 并做出反应。Webpacker 工作正常，它注入所需的脚本或 css。我安装了 react withbundle exec rails webpacker:install:react并将示例文件hello_react.jsx导入我的视图之一<%= javascript_pack_tag 'hello_react' %>

编辑：这似乎是 RAILS WEBPACKER 问题，而不是 babel 问题。我尝试了所有应该重复的答案。请在将其标记为重复之前正确阅读该问题。

标签： ruby-on-railsreactjswebpacker