反应sketchapp项目的Babel / Webpack设置与ES2015& ES.next

时间:2017-07-18 21:14:37

标签: javascript webpack ecmascript-6 babeljs ecmascript-next

我正在尝试将其集成到react-sketchapp应用程序中,但遇到了一些编译错误。

我的项目基于this example,我发布了entire repo on github


问题:
我从使用此ES6 +语法的react-native-calendars npm包中收到构建错误:

static propTypes = {
  theme: PropTypes.object,
  markedDates: PropTypes.object,
  style: ViewPropTypes.style,
...
};

应用程序在"等号#34;在static propTypes之后,错误消息如下所示:

// Unexpected token (18:19)
// You may need an appropriate loader to handle this file type.
class Calendar extends Component {
  static propTypes = {
   // Specify theme properties to override specific styles for calendar 
   parts. Default = {}
   theme: PropTypes.object,
// @ ./node_modules/react-native-calendars/src/index.js 1:0-49


尝试解决方案:
我可以在项目中添加.babelrcwebpack.config.js文件,因此我正在尝试以下.babelrc预设:

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

我也试过这些babel预设:

{
  "presets": ["react", "stage-0", "es2015"],
  "plugins": ["transform-object-rest-spread", "transform-class-properties"]
}

以及使用"react-native""stage-2"的其他一些变体,但仍然会遇到相同的错误。任何帮助将不胜感激!


修改
我更新了示例以排除我之前遇到的一个问题(jsx没有"反应"预设被识别),并发布了整个回购on github

0 个答案:

没有答案