代码之家 › 专栏 › 技术社区 › Vivek

在我的react-es6项目中使用“上下文”时出错

es6-class webpack reactjs javascript

Vivek · 技术社区 · 6 年前

我试图在es6 react代码中使用“上下文”,但在捆绑时,我遇到了这个错误

export default class Layout extends React.Component {
    static contextTypes = {
        LayoutURL : React.PropTypes.string 
    }; 
    constructor(props, context) {
        super(props, context);
        this.state = {

        }
    }
}

“模块生成失败:TypeError:\u jsTokens2.default.matchToToken不是函数”

PFB我的网页代码(我在resolve中添加了es6,但错误仍然存在)我的网页版本为“^1.13.0”

 module.exports = {
Â  entry: './main.js',
Â  output: { path: __dirname, filename: 'bundle.js' },
    devServer: {
        inline: true,
        port: 8085
    },
Â  module: {
Â  Â Â loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
Â  },
resolve: {
  extensions: ['', '.js', '.jsx','.es6']
},
};

1 回复 | 直到 5 年前

JJJ Sergey 5 年前

我发现错误是由于语法造成的。更新的语法:

export default class Layout extends React.Component {
  constructor(props, context) {
    super(props, context);
    this.state = { //state initialization }
  }
}

Layout.contextTypes={
  LayoutURL : React.PropTypes.string 
};

推荐文章