Importation de Réagir à partir de 'réagir' résultats dans Uncaught SyntaxError: Unexpected identificateur

J'ai installé webpack 3 avec babel et mon entrée index.js/bundle.js compile et fonctionne, j'ai testé avec ES7/8 fonctions, toutefois, les importations ne fonctionne pas et résultat dans Uncaught SyntaxError: Unexpected identifier. J'ai essayé de mettre le babel config dans la package.json ainsi que dans un autre .babelrc fichier dans mon répertoire racine de l'application, mais je reçois toujours le message d'erreur quand j'essaie de l'importer. Ai-je raté un paquet ou la mise en?

index.js (travaux)

//does not work
//import React from 'react' 

//works
const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));

webpack.config.js

const path = require('path')

module.exports = {
  context: path.resolve(__dirname, 'app/assets/javascripts/source'),
  entry: './index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'app/assets/javascripts/webpack')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
}

.babelrc

{
  "presets": ["env", "react"]
}

paquet.json

}
  ...
  "license": "MIT",
  "scripts": {
    "build": "webpack",
  },
  "babel": {
    "presets": [
      "env",
      "react"
    ]
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.1"
  }
}

OriginalL'auteur Dangggg | 2018-01-24