ECMAScript 5-錯誤缺少類屬性變換

我正在實施Class extend，並且出現此錯誤缺少類屬性變換。ECMAScript 5-錯誤缺少類屬性變換

內的成分

import React from ('react') 

const Manna = React.createClass({, 

    initVal: { 
     likes: 10, 
    } 

    render() { 
    // code 
     return { 
     // code 
     } 

    } 

}); 

module.exports = Manna

，並改爲

import React from 'react'; 

export default class Manna extends React.Component { 

    InitVal: { 
    likes: 10 
    } 

    render() { 
    // code 
    return { 
     // code 
    } 

    } 

};

這是我在webpack.config.dev.js配置

{ 
    test: /\.js$/, 
    loaders: 'babel?presets[]=react,presets[]=es2015,presets[]=stage-0', 
    include: path.join(__dirname, 'client') 
},

我已經改變了以下這個裝載機answer

是loaders: ['babel']

之前，我也加入到.babelrc插件

["transform-class-properties"],

這是在控制檯中的錯誤

Missing class properties transform. 
    15 | // }, 
    16 | 
> 17 | InitVal: { 
    | ^
    18 |  likes: 10, 
    19 |  code: "2", 
    20 |  size: 350,

我不明白爲什麼它現在抱怨的缺少類屬性轉換，組件中出了什麼問題？，在這些更改之前，所有內容都正常工作

這裏，gist與全陣營組件

來源

2016-09-19 Koala7

嘗試用=

檢查this

UPDATE

由於我們使用stage-0和transform-class-properties包括在stage-2，我們不必手動包含它在.babelrc下plugins。以下配置正常工作："presets": ["es2015", "stage-0", "react"]。

在主旨在線路5InitVal與大寫i而在線路39寫入用小寫i寫成：initVal。另外，render方法返回一個Object Literal（無效），一個子元素將按照here的說明返回。

Here是定義爲es6類的反應組件的官方文檔。

來源

2016-09-19 22:21:09

您應該添加一個注意事項，即不是ES6。 – Bergi

現在意外的令牌 > 17 | InitVal = { – Koala7

se在這裏是完整的組成部分在要點https://gist.github.com/Mannaio/48b32baee4bb820f7f2b1d62f4dc6274 – Koala7

ECMAScript 5-錯誤缺少類屬性變換

回答

相關問題