问题标签 [babel-plugin-module-resolver]

这是我的项目结构：

我会尽量简洁明了。

在index.js（应用程序和后端代码）中，我都在源代码中使用路径别名。

例如：

./src/some-folder/some-file.js

还有，例如：

./cloudRun/src/some-folder/some-file.js

但不知何故，我在配置时遇到了module-resolver麻烦babel.config.js。要么我让它与存在的路径别名一起正常工作./src（并且路径别名在./cloudRun/src1 级上都是错误的），反之亦然。

例如：

.cloudRun/babel.config.js

这适用于./src文件。但是来自./cloudRun/src1 级的文件都是错误的。

如果我改成这样：

.cloudRun/babel.config.js

然后它适用于./cloudRun/src文件。但是来自的所有文件./src都会错误 1 ​​级。

我在想我可以使用模块解析器配置"root"中的选项来解决这个问题。但我还不能让它工作。

也许是这样的：

.cloudRun/babel.config.js

我在"root"配置中尝试了很多东西。但到目前为止，它似乎没有任何区别。

这是我运行 babel 的方式：

我是 react-native 的新手，我正在尝试帮助一个项目。我首先重构代码以获得更好的文件结构。我实现了桶并添加了路径别名（模块解析器）。在 vscode 中一切正常，但是当我在 android 上运行时，它给了我这个错误：

TypeError:_app.default.objects 不是函数。{...} _app.default.objects 未定义。

这是我的 tsconfig：

还有我的 babel-config：

每次我使用数据库时都会引发错误：这是我的导入：

如果我使用类似的东西：

但它与 db 目录中的其他所有内容相同。

谢谢！

在我的节点项目中，我babel-plugin-module-resolver曾经有相对路径。

tsconfig.json

.eslintrc

.babelrc

当我导入文件时，它不会显示任何错误。可以通过单击导入路径移动到特定文件。但是当它遵守时，它会给出以下错误。

如何解决这个问题？

npm i babel-plugin-module-resolver

这是 babel.config.js

我认为这个设置就足够了，但事实并非如此。然后是 tsconfig.json：

解析器适用于 src 目录，但问题在于“assets”目录。我一直在改变这条线"@assets": ["./assets/*"],

"@assets": ["assets/ "], "@assets": ["./assets/ "],

我不知道如何解决这个问题。

我有一个monorepo：

我想设置一个别名，以便app.ts可以简单地调用：

代替

我试着这样做：

但不幸的是，它不起作用。它抛出：

如何从主目录外部导入内容？

尝试从我创建的别名的嵌套文件夹中导入模块时遇到问题。正如您从屏幕截图中看到的那样，从“_atoms”导入时一切都很好，但是当尝试从“_scenes/Login”导入模块时，它说该模块不存在。

我在 React Native 上遇到了 babel-plugin-module-resolver 的问题。我还为项目使用打字稿：

所以在将 .babelrc 文件更改为：

和 tsconfig.json 到：

它说它无法解析模块@atoms/Button，例如在这样调用它之后

文件夹 atom 有一个索引和带有导出的按钮文件夹，所以我真的不知道为什么它说它无法解决它

我们有两个项目共享一个 API 包装库（我们创建的），它使用pusher-js库进行 websocket 通信。

API 包装器最初是为基于 NextJS 的 Web 版本项目构建的，但现在我们希望将其包含在我们的新 React Native 项目中。问题在于我们实例化的 API 包装器内部pusher，import pusher from 'pusher-js而要在 React Native 上工作，我们需要这样做import pusher from 'pusher-js/react-native。这个库显然不知道谁安装它的外部使用，只是将这些东西设置为一个方便的包装器。

这如何在移动项目中实现，或者应该在 API 库中设置？我已经通过 babel 插件查看了模块解析，但不确定如何为这个实例设置它。

所以基本上，我使用 RN 主页中的命令行使用 Typescript 创建了我的 React Native： npx react-native init MyApp --template react-native-template-typescript

之后，我运行了该项目并成功构建了它。但是，当我添加路径别名来导入我的文件时，它抛出了一个错误：Unable to resolve module #folder/file from ... could not be found within the project or in these directories: node_modules

我已经在 Google 上关注了一些教程和错误解决方案，但我没有遇到任何运气。

这是我的.babelrc文件（我试图将文件从 babel.config.js 更改为 .babelrc，正如一些解析器所说，但它仍然没有工作）

tsconfig.json

我的文件夹和文件结构

真的很期待收到你们的答案。太感谢了

P/s：如果您不介意，请查看我的存储库： https ://github.com/NotJackieTruong/rn_test_typescript

我想在我的项目中设置module-resolver插件.babelrc并添加别名来整理我的导入。
例如，而不是：

我可以简单地做：

我遇到了，babel-plugin-module-resolver但我不确定如何设置它。
这是我的项目结构的样子：
项目结构\

.babelrc文件：

现在，当我尝试使用导入时import App from '@components/App'出现此错误：

我究竟做错了什么？以及如何使别名起作用？