React & FuseBox别名设置-绝对路径

Question

我使用React与FuseBox作为绑定器。我目前面临的问题是，混叠不起作用，所以我可以帮助处理相对路径地狱。

我的项目结构：

​

​

stores文件夹有我的MobX存储和一个导出所有存储的index.ts文件。services有一组服务类，它们都导出在相应的文件中(没有index.ts)

所以在我的fuse.ts里我有：

alias: {
    "services": "~/services",
    "stores": "~/stores"
},

然后，例如，在我的ui文件夹中导入如下所示：

import AccountStore from "stores";

我在“商店”的那一行中发现了[ts] Cannot find module 'stores'错误。

我不确定我是不是弄错了别名部分？我的homeDir in fuse.ts设置为"src/“。我没有任何路径或baseUrl设置在tsconfig中，就像我们使用webpack设置绝对路径时所做的那样。不确定这些是否再次需要，或者是否是我对别名做错了什么。

任何建议都是很棒的:)

我已经查看了引信盒站点上的别名文档，并跟踪它，尝试了几种不同的组合，但没有进一步接近它。会喜欢一些例子，从人谁已经做到了这一点。

编辑：我还做了以下工作，同时试图解决这个问题：

• 删除.fusebox文件夹
• 重新启动vscode
• 检查了包裹，它在那里增加了一个倾斜物，所以熔断器必须识别它吗？

将继续添加更多我尝试过的东西。

Answer 1

我解决问题的方法是将tsconfig.json文件放在src文件夹中，项目/应用程序放在~中。

​

​

在tsconfig.json中，我将baseUrl设置为根。

{
    "compilerOptions": {
        "baseUrl": ".",
        // ...
    }
}

这样，我就可以完成所有文件之间相同的绝对导入，这样就可以很容易地重用、导入和在需要时快速复制。

import { service1, service2, service3 } from '~/services';
import { store1, store2 } from '~/stores';    

该倾斜通常代表家庭或基础上的许多系统，所以一些开发人员同意，这将是适当的使用它在我们的文件夹结构。但是，如果您有自动生成的内容并在其中自动生成，则必须记住从.gitignore中删除.gitignore。