在 Typescript 中轉換 React Native 導出文件

Question

如何將 this.js 文件轉換為 Typescript 文件？

import * as Colors from './colors';
import * as Spacing from './spacing';
import * as Typography from './typography';
import * as Mixins from './mixins';

export { Typography, Spacing, Colors, Mixins };

謝謝

編輯1：我正在嘗試修復以下錯誤：

找不到模塊“_styles”或其相應的類型聲明。

嘗試將文件導入另一個文件時

import {Colors,Typography,Mixins} from '_styles';

它有效，但顯示上述警告。 我有一個設置，允許我在沒有完整路徑的情況下導入文件，但使用 typescript，它會顯示警告。

編輯2：

我在.babelrc 中有以下設置

    {
  "plugins": [
    [
      "module-resolver",
      {
        "cwd": "babelrc",
        "root": ["./src"],
        "extensions": [".js", ".ios.js", ".android.js", ".ts", ".tsx", ".json"],
        "alias": {
          "_assets": "./src/assets",
          "_components": "./src/components",
          "_atoms": "./src/components/atoms",
          "_molecules": "./src/components/molecules",
          "_organisms": "./src/components/organisms",
          "_navigations": "./src/navigations",
          "_scenes": "./src/scenes",
          "_services": "./src/services",
          "_styles": "./src/styles",
          "_utils": "./src/utils",
          "_i18n": "./src/i18n"
        }
      }
    ]
  ]
}

Answer 1

從 TS 3.8 開始，新語法引入了export * as ns from '...'

這個怎么用？

export * as Colors from './colors';
export * as Spacing from './spacing';
export * as Typography from './typography';
export * as Mixins from './mixins';