無法編譯。錯誤：缺少類屬性變換

Question

Error: Missing class properties transform 

Test.js：

export default class Home extends React.Component { 
    static defaultProps = { 
     color: 'blue', 
     text: 'Confirm' 
    }; 
} 

.babelrc：

{ 
"presets": ["latest", "react"], 
"plugins": ["transform-class-properties"] 
} 

的package.json：

"babel-core": "^6.24.1", 
"babel-loader": "^7.0.0", 
"babel-plugin-transform-class-properties": "^6.24.1", 
"babel-preset-latest": "^6.24.1", 
"babel-preset-react": "^6.24.1", 

Error message

我不知道我是否應該要求其他模塊

Answer 1

我想通了。此網站可以幫助您測試代碼並添加預設。 The compiler for JavaScript

的package.json

"devDependencies": { 
    "babel-core": "^6.24.1", 
    "babel-loader": "^7.0.0", 
    "babel-preset-env": "^1.4.0", 
    "babel-preset-react": "^6.24.1", 
    "babel-preset-stage-0": "^6.24.1" 
} 

.babelrc

{ 
    "presets": [ 
    "env", 
    "react", 
    "stage-0" 
    ] 
} 

webpack.config.js

module: { 
    rules: [ 
     { 
      test: /\.js$/, 
      exclude: /node_modules/, 
      use: { 
       loader: 'babel-loader' 
      } 
     } 
     ] 
    }