React Native Babel Tape SyntaxError Invalid or unexpected token with PNG files答案

【问题标题】：React Native Babel Tape SyntaxError Invalid or unexpected token with PNG filesReact Native Babel Tape SyntaxError Invalid or unexpected token with PNG files
【发布时间】：2018-02-19 05:44:43
【问题描述】：

我正在使用 React Native 编写一个 App，我想用 Tape 和 JSX 语法测试 App 组件，所以我认为 'babel' 是必须的。

但是，当我运行 tape -r babel-register tests/**/*.js 时，我收到了带有 PNG 文件的臭名昭著的 SyntaxError。

/<redacted>/node_modules/react-native-router-flux/images/back_chevron.png:1
(function (exports, require, module, __filename, __dirname) { �PNG

SyntaxError: Invalid or unexpected token
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:152:10)
    ...

在询问之前打算先搜索一下，我发现了很多关于 ReactJS（关于 Webpack 问题）和 Jest 解决方案（通过在 package.json 中设置 jest）。

.babelrc

{
  "presets": [
    "babel-preset-react-native-stage-0/decorator-support",
    "react",
    "es2015",
    "stage-2"
  ],
  "env": {
    "development": {
      "plugins": [
        "transform-react-jsx-source"
      ]
    }
  }
}

请随时评论我可以添加到这个问题的日志/版本/配置文件！谢谢。

【问题讨论】：

标签： reactjs react-native node.js-tape babel-register

【解决方案1】：

尝试将 react-native-router Flux 的版本更新到 3.43.0。

【讨论】：