Error: Missing class properties transform
Test.js
:
export class Test extends Component { constructor (props) { super(props) } static contextTypes = { router: React.PropTypes.object.isRequired }
.babelrc
:
{ "presets": ["es2015", "react", "stage-0"], "plugins": ["transform-class-properties"] }
package.json
:
"babel-core": "^6.5.1", "babel-eslint": "^4.1.8", "babel-loader": "^6.2.2", "babel-plugin-react-transform": "^2.0.0", "babel-plugin-transform-class-properties": "^6.5.2", "babel-preset-es2015": "^6.5.0", "babel-preset-react": "^6.5.0", "babel-preset-stage-0": "^6.5.0", "babel-register": "^6.5.2",
J'ai parcouru le Web et toutes les réparations tournent autour: Mise à niveau vers babel6, passer l'ordre de "stage-0" à après "es2015". Tout ce que j'ai fait.
OK, j'ai finalement compris, dans mon webpack.config.js
j'avais:
module: { loaders: [ { test: /\.js?$/, exclude: /(node_modules|bower_components)/, loaders: [ 'react-hot', 'babel?presets[]=react,presets[]=es2015,presets[]=stage-0' ] } ] }
'babel?presets[]=stage-0,presets[]=react,presets[]=es2015'
Doit être traité de la même manière que .babelrc
, commuté stage-0 pour être après es2015 et il se compose parfaitement.
@speak a raison, mais vous devez modifier l'ordre
loaders: [ 'react-hot', 'babel?presets[]=react,presets[]=es2015,presets[]=stage-0' ]