Question

我正在使用React Native编写应用程序，我想用Tape和JSX语法测试App组件，所以我认为＆＃39; babel＆＃39;是必须的。

但是，当我运行tape -r babel-register tests/**/*.js时，我收到了臭名昭着的SyntaxError，其中包含PNG文件。

/<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的解决方案（通过在jest中设置package.json）。

.babelrc

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

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

Answer 1

尝试将react-native-router流量更新为3.43.0。

React Native Babel Tape SyntaxError包含PNG文件的无效或意外令牌

1 个答案: