本机错误：绑定失败：语法错误：React native projects \ appOne \ node_modules \ @ react-navigation \ routers \ src \ index.tsx

Question

我运行了该项目。 npx react-native run-android为什么会发生此错误？我需要指导来解决此问题。

Error Image

Looking for JS files in
   D:\React native projects\appOne

Loading dependency graph, done.
error: bundling failed: SyntaxError: D:\React native projects\appOne\node_modules\@react-navigation\routers\src\index.tsx: Unexpected token (9:12)

   7 | export { default as StackRouter, StackActions } from './StackRouter';
   8 |
>  9 | export type {
     |             ^
  10 |   StackActionHelpers,
  11 |   StackActionType,
  12 |   StackRouterOptions,
    at Object.raise (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:6387:17)
    at Object.unexpected (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:7704:16)
    at Object.parseIdentifierName (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:9592:18)
    at Object.parseIdentifier (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:9570:23)
    at Object.tsParseTypeAliasDeclaration (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:4793:20)
    at Object.tsParseDeclaration (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:5111:23)
    at Object.tsTryParseExportDeclaration (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:5020:17)
    at Object.parseExportDeclaration (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:5497:26)
    at Object.maybeParseExportDeclaration (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:11038:31)
    at Object.parseExport (D:\React native projects\appOne\node_modules\@babel\core\node_modules\@babel\parser\lib\index.js:10967:29)
 BUNDLE  [android, dev] ./index.js ▓▓▓▓░░░░░░░░░░░░ 30.9% (266/496), failed.

::ffff:127.0.0.1 - - [08/Jun/2020:19:52:38 +0000] "GET /index.bundle?platform=android&dev=true&minify=false HTTP/1.1" 500 - "-" "okhttp/3.12.1"

Answer 1

我测试了npx react-native start --reset-cach，但没有用。

Answer 2

仅类型imports和exports是TypeScript中的新功能。 Babel通过此merge request添加了仅支持类型的导入/导出，并且可以从7.9.0版本开始使用>

如下所示更新您的babel版本：

 "devDependencies": {
         "@babel/core": "^7.9.0",
         "@babel/runtime": "^7.9.2",
         //other dev dependencies
    }
您可能需要删除node_modules，重新安装并清除缓存。