描述问题
在使用 create-react-app
版本的 5.0.1
项目引导时,绝对导入的处理方式存在问题。根据 CRA 文档,我已经正确配置了绝对导入。但是,有些绝对导入可以正常工作,而有些则不能。例如,我可以对一个类型进行绝对导入,但在对一个函数进行绝对导入时,应用程序会崩溃。我在 link 上创建了一个可复现问题的演示。
你是否尝试过恢复依赖项?
是的,我已经尝试了所有提出的解决方案。yarn --version
的输出是 1.22.19
你在用户指南中搜索了哪些术语?
该问题未在故障排除部分记录
我找到了一个类似的问题列表:
- https://stackoverflow.com/questions/68416916/create-react-app-absolute-imports-dont-work-with-yarn-v2-workspaces-typescrip
- Absolute imports do not work #11976
- https://stackoverflow.com/questions/72132090/absolute-imports-issue-in-react-with-typescript
- https://stackoverflow.com/questions/72017719/absolute-imports-arent-working-in-reactjs
- https://stackoverflow.com/questions/73370209/absolute-path-not-working-for-create-react-app-with-typescript
我在另一个仓库中尝试了每个建议的解决方案,但它没有解决问题。
环境
create-react-app 的当前版本:5.0.1
从 /Users/vikmanatus/.npm/_npx/c67e74de0542c87c/node_modules/create-react-app 运行
系统:
操作系统:macOS 12.3
CPU:(10) arm64 Apple M1 Pro
二进制文件:
Node: 18.7.0 - /opt/homebrew/bin/node
Yarn: 1.22.19 - /opt/homebrew/bin/yarn
npm: 8.19.2 - /opt/homebrew/bin/npm
浏览器:
Chrome: 105.0.5195.125
Edge: 未找到
Firefox: 未找到
Safari: 15.4
npmPackages:
react: ^18.2.0 => 18.2.0
react-dom: ^18.2.0 => 18.2.0
react-scripts: 5.0.1 => 5.0.1
npmGlobalPackages:
create-react-app: 未找到
重现问题的步骤
克隆此 link 项目的存储库,并请按照以下步骤操作:
- 运行
yarn install
- 运行
yarn start
您将在浏览器中看到以下错误信息:Module not found: Error: Can't resolve '@/utils' in '/Users/someUser/Desktop/SomeFolder/reactjs-absolute-imports-issue/src'
我在可复现问题的存储库的README.md
处编写了一个简短的文档,以添加一些重要细节。
4条答案
按热度按时间uyto3xhc1#
我正在经历同样的问题。但在我的案例中,绝对导入在
npm
上工作正常,但在yarn
上无法工作。@Vikmanatus,你尝试过仅用于调试的
npm
吗?carvr3hs2#
你好,@oldwin
抱歉回复晚了🙁
是的,我确实尝试用
npm
启动项目,而不是yarn
,但这并没有解决我的问题🙁很高兴听到它解决了你的问题😃
请问你在项目中使用的
create-react-app
版本是什么?另外,请问你的机器上安装了哪些版本的
node
和npm
?最好的祝愿
bxgwgixi3#
react-scripts: 4.0.3
Node: v18.4.0
npm: 8.12.1
smdncfj34#
我确认这也适用于
react-scripts v5.0.1
。在构建过程中,intellisense识别到了导入,但失败了。
在我使用craco编辑别名导入之后,这种情况发生了。
我的假设是与webpack有关。