create-react-app 在具有Bootstrap的React应用程序中使用绝对导入的问题

gupuwyp2  于 2个月前  发布在  React
关注(0)|答案(4)|浏览(38)

描述问题

在使用 create-react-app 版本的 5.0.1 项目引导时,绝对导入的处理方式存在问题。根据 CRA 文档,我已经正确配置了绝对导入。但是,有些绝对导入可以正常工作,而有些则不能。例如,我可以对一个类型进行绝对导入,但在对一个函数进行绝对导入时,应用程序会崩溃。我在 link 上创建了一个可复现问题的演示。

你是否尝试过恢复依赖项?

是的,我已经尝试了所有提出的解决方案。
yarn --version 的输出是 1.22.19

你在用户指南中搜索了哪些术语?

该问题未在故障排除部分记录
我找到了一个类似的问题列表:

我在另一个仓库中尝试了每个建议的解决方案,但它没有解决问题。

环境

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 项目的存储库,并请按照以下步骤操作:

  1. 运行 yarn install
  2. 运行 yarn start
    您将在浏览器中看到以下错误信息:
    Module not found: Error: Can't resolve '@/utils' in '/Users/someUser/Desktop/SomeFolder/reactjs-absolute-imports-issue/src'
    我在可复现问题的存储库的 README.md 处编写了一个简短的文档,以添加一些重要细节。
uyto3xhc

uyto3xhc1#

我正在经历同样的问题。但在我的案例中,绝对导入在npm上工作正常,但在yarn上无法工作。
@Vikmanatus,你尝试过仅用于调试的npm吗?

carvr3hs

carvr3hs2#

你好,@oldwin
抱歉回复晚了🙁
是的,我确实尝试用npm启动项目,而不是yarn,但这并没有解决我的问题🙁
很高兴听到它解决了你的问题😃
请问你在项目中使用的create-react-app版本是什么?
另外,请问你的机器上安装了哪些版本的nodenpm?
最好的祝愿

bxgwgixi

bxgwgixi3#

react-scripts: 4.0.3
Node: v18.4.0
npm: 8.12.1

smdncfj3

smdncfj34#

我确认这也适用于react-scripts v5.0.1
在构建过程中,intellisense识别到了导入,但失败了。

Compiled with problems:
ERROR in ./src/components/main.tsx 6:0-61
Module not found: Error: Can't resolve 'components/table/tableSection' in '...'

在我使用craco编辑别名导入之后,这种情况发生了。
我的假设是与webpack有关。

相关问题