Rails 5.2.1 Webpacker Babel не переносит React - PullRequest
Новая
       8

Rails 5.2.1 Webpacker Babel не переносит React

0 голосов
/ 22 сентября 2018

Gems Environment: 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 не переносит реакцию.

enter image description here

Любая подсказка о том, что может пойти не так?Я только начал использовать webpacker и реагировать.Webpacker работает нормально, он вставляет нужный скрипт или CSS.Я установил реакцию с bundle exec rails webpacker:install:react и импортировал файл примера hello_react.jsx в одно из моих представлений с помощью <%= javascript_pack_tag 'hello_react' %>

РЕДАКТИРОВАТЬ: Это похоже на проблему RAILS WEBPACKER, а не на babel.Я перепробовал все ответы, которые якобы дублированы.Пожалуйста, внимательно прочитайте вопрос, прежде чем пометить его как дублированный.

...