语法错误:“导入”和“导出”可能只出现在顶层 - 尽管在 ESLint 中添加了规则

Cec*_*uez 5 javascript eslint webpack react-native react-native-web

我也正在尝试将 React Native 应用程序转变为 React Native Web 应用程序。

我想做以下类型的导入:

if (Platform.OS !== 'web') {
    import { Route, Link, Switch, push, DeepLinking } from "react-router-native";
}
Run Code Online (Sandbox Code Playgroud)

但是我收到错误:

Syntax error: 'import' and 'export' may only appear at the top level (16:4)
Run Code Online (Sandbox Code Playgroud)

现在我尝试在 package.json 中添加 ESLint 配置来防止出现这种情况:

  "eslintConfig": {
    "parser": "babel-eslint",
    "parserOptions": {
      "sourceType": "module",
      "allowImportExportEverywhere": true
    }
  }
Run Code Online (Sandbox Code Playgroud)

但它仍然在发生。

如何允许动态导入?