小编Bjo*_* B.的帖子

如何在 React Native 中为项目根目录之外的文件夹使用路径别名?

我正在开发一个 React Native 项目,该项目是具有多个包的更广泛项目的一部分。项目的文件夹结构如下(排除大部分无关文件):

\n
monorepo\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 packages\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 backend\n    \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 frontend-app\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 babel.config.js\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 metro.config.js\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 tsconfig.json\n    \xe2\x94\x82   \xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 index.js\n    \xe2\x94\x82   \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 src\n    \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 shared\n        \xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 data-types.ts\n
Run Code Online (Sandbox Code Playgroud)\n

在文件夹内frontend-app,我希望能够从data-types.ts文件导入类型。@shared/data-types此外,我想通过使用而不是必须使用相对路径../../shared/data-types(甚至更多文件夹)来做到这一点。

\n

我只能发现您必须更新应用程序项目本身内的常规路径babel.config.js别名tsconfig.json,但在运行应用程序时我仍然收到如下警告:

\n
Unable to resolve module ../../../../shared/data-types from ***: \n\nNone of these files exist:\n  * ../shared/data-types(.native|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)\n  * ../shared/data-types/index(.native|.ios.js|.native.js|.js|.ios.jsx|.native.jsx|.jsx|.ios.json|.native.json|.json|.ios.ts|.native.ts|.ts|.ios.tsx|.native.tsx|.tsx)\n\n[...]\n\n
Run Code Online (Sandbox Code Playgroud)\n

如何使其适用于 React Native 项目文件夹之外的文件?

\n

typescript tsconfig babeljs react-native metro-bundler

4
推荐指数
1
解决办法
2905
查看次数