如何设置babel-cli在命令行上运行react-native ES6 JavaScript代码?

时间:2017-04-05 12:25:36

标签: node.js react-native ecmascript-6 babel-cli

我的目标是在命令行上运行包含console.log语句的ES6 JavaScript代码,以便在与我的React Native应用程序集成之前帮助调试代码。此代码仅包含JS函数。

这就是我的尝试:

Install babel-cli
   npm install --save-dev babel-cli

File: .babelrc ( in project root )
{
  "presets": ["react-native"]
}

Run sandbox:
./node_modules/.bin/babel-node app/components/sandbox.js

我收到以下运行时错误:

   /react-native/myapp/source/node_modules/react-native/Libraries/react-native/react-native.js:15
    if (__DEV__) {
        ^
        ReferenceError: __DEV__ is not defined

我有一次工作。

我错过了什么?

1 个答案:

答案 0 :(得分:1)

React Native是一个与Node不同的环境,而不仅仅是转换后的代码。您无法直接在节点上运行React Native应用程序,就像您无法在节点上运行网页一样。

测试时,您可以使用jest的模拟功能来模拟React Native特定模块。 jest的react-native预设已经这样做了。