react中ES6语法报错:static propTypes,static defaultProps :modulbuild failed:SyntaxError
2017-07-25 16:44
1811 查看
在ES6语法中创建组件,组件内部定义静态propTypes及defaultProps ,编译过程出现错误:
modulbuild failed:SyntaxError
解决方法如下:
一 不安装babel-preset-stage-0依赖时,可以把静态默认属性放在组件外
class App extends Component{
render(){}
}
App.propTypes={};
App.defaultProps={};
二 安装依赖
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
query:{
presets:['react','es2015','stage-0']
}
}即可
modulbuild failed:SyntaxError
解决方法如下:
一 不安装babel-preset-stage-0依赖时,可以把静态默认属性放在组件外
class App extends Component{
render(){}
}
App.propTypes={};
App.defaultProps={};
二 安装依赖
npm install --save-dev babel-preset-stage-0然后在webpack.config.js中设置
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader",
query:{
presets:['react','es2015','stage-0']
}
}即可
相关文章推荐
- [React] Define defaultProps and PropTypes as static methods in class component
- React学习笔记(3)-PropTypes及getDefaultProps方法
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测
- [React] Validate Custom React Component Props with PropTypes
- React——props的使用以及propTypes
- 【react】利用prop-types第三方库对组件的props中的变量进行类型检测
- React使用ES6语法重构组件代码
- React高级指南(二)【Typechecking With PropTypes】
- React组件属性类型(propTypes)
- React中静态类型校验-PropTypes学习
- React-Native ES6使用语法和underscore的使用
- [React] Use Prop Collections with Render Props
- Manually calling a React.PropTypes validation React native
- webpack---Error in app.js ;Module build failed :SyntaxError ../app.js : unpexted token <7:8> 对'<'报错
- React PropTypes
- React组件属性类型(propTypes)
- react demo10 (设置组件属性的默认值getDefaultProps)
- es6学习记录 object-prop-name/get set/static
- eslint: prop type 'object' is forbidden(react/forbid-prop-types)
- [React] Remove React PropTypes by using Flow Annotations (in CRA)