1. ホーム
  2. javascript

[解決済み] エラーです。Missing class properties transform(クラスプロパティトランスフォームがありません

2022-02-05 09:53:20

質問

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",

ウェブで調べたところ、すべての修正が中心となっています。babel6にアップグレードすること、"stage-0"の順番を"es2015"の後に変更すること、です。すべて実行しました。

解決方法は?

OK、やっとわかりました、私の webpack.config.js していました。

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'

と同じように扱われなければならない。 .babelrc で、ステージ0をes2015以降に切り替えたところ、完璧にコンパイルできるようになりました。