{"id":578,"hash":"f821a276730317dca5f5c63058f5238f933d0e5163dc8849a2d002ebdc59a9fc","pattern":"Error: Missing class properties transform","full_message":"Error: Missing class properties transform\n\nTest.js:\n\nexport class Test extends Component {\n  constructor (props) {\n    super(props)\n  }\n\n  static contextTypes = {\n    router: React.PropTypes.object.isRequired\n  }\n\n.babelrc:\n\n{\n  \"presets\": [\"es2015\", \"react\", \"stage-0\"],\n  \"plugins\": [\"transform-class-properties\"]\n}\n\npackage.json:\n\n\"babel-core\": \"^6.5.1\",\n\"babel-eslint\": \"^4.1.8\",\n\"babel-loader\": \"^6.2.2\",\n\"babel-plugin-react-transform\": \"^2.0.0\",\n\"babel-plugin-transform-class-properties\": \"^6.5.2\",\n\"babel-preset-es2015\": \"^6.5.0\",\n\"babel-preset-react\": \"^6.5.0\",\n\"babel-preset-stage-0\": \"^6.5.0\",\n\"babel-register\": \"^6.5.2\",\n\nI have scoured the web and all fixes revolve around: Upgrading to babel6, switching the order of \"stage-0\" to be after \"es2015\". All of which I have done.","ecosystem":"npm","package_name":"webpack","package_version":null,"solution":"OK, finally figured this out, in my webpack.config.js I had:\n\nmodule: {\n    loaders: [\n      {\n        test: /\\.js?$/,\n        exclude: /(node_modules|bower_components)/,\n        loaders: [\n          'react-hot',\n          'babel?presets[]=react,presets[]=es2015,presets[]=stage-0'\n        ]\n      }\n    ]\n  }\n\n'babel?presets[]=stage-0,presets[]=react,presets[]=es2015'\n\nHas to be treated in the same way as .babelrc, switched stage-0 to be after es2015 and it compiles perfectly.","confidence":0.95,"source":"stackoverflow","source_url":"https://stackoverflow.com/questions/35517245/error-missing-class-properties-transform","votes":96,"created_at":"2026-04-19T04:51:22.577802+00:00","updated_at":"2026-04-19T04:51:22.577802+00:00"}