问题描述
我使用create-react-app
版本3.4.1
创建了一个带有打字稿的React项目。
我试图避免在项目中使用相对路径。这是我的项目树的一部分:
/
|_ public
|_ tests
|_ src
|____ Scenarios
|____ Components
|____c
我基本上想要做的是像import '@components/c'
这样的事情。我试图将这部分添加到我的tsconfig.json
文件中:
{
"compilerOptions": {
...
"baseUrl": ".","paths": {
"*": ["src/*"],"tests": ["tests/*"],"public": ["public/*"],"@components/*": ["src/Components/*"],"@Scenarios/*": ["src/Scenarios/*"],},...
}
}
但是,每次我使用yarn start
启动我的应用程序时,tsconfig都会删除代码的这一部分(除“ baseUrl”部分以外的所有内容)。 As far as I know自react-create-app
的第3版以来,通过启用baseUrl
属性来影响导入的根目录,部分地解决了此问题。但是我找不到任何可行的解决方案来设置tsconfig path
目录中的绝对路径。部分解决方案对我不起作用,因为我可能要从公共目录中导入内容。
我从去年开始尝试了此solution,但对我来说不起作用。有人能使此解决方案或任何其他解决方案起作用吗?
理想情况下,该解决方案将使我仍然可以使用create-react-app而不使用其他软件包,但是任何解决方案当然都可以使用。
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)