react webpack中@映射src不成功问题

Question

文件如图所示，无法处理文件映射，不知道哪里有问题，一直找不到

Answer 1

panrunjun 上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

根据你提供的信息，问题出现在无法解析@/api/httpApi.ts这个路径。这是因为在webpack中，@并不是默认的别名，需要进行配置才能识别 @。

针对这个问题，可以按照以下步骤进行解决：

1. 打开项目根目录下的webpack.config.js文件（如果没有则创建一个）。

2. 在resolve配置下的alias中添加以下内容：

   alias: {
     '@': path.resolve(__dirname, 'src'),
   },
   

3. 保存并重新运行webpack，应该就能正常解析@路径了。

综上所述，解决问题的步骤如下：

1. 在项目根目录下的webpack.config.js文件中添加别名配置。
2. 保存并重新运行webpack。

如果还有其他问题，请提供相关代码以便更好地帮助你解决问题。