如何给react项目配置别名?-灵析社区

你可以的拿捏了

这是一个由脚手架创建的react项目,我想给项目配置别名 于是我`npm run eject`暴露配置,然后进行了配置,但是好像不管用,有人知道是为什么吗? 这是原来就定义好的路径 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/542689104a922ce87a337227a33276f6.png) 接着在配置中使用 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/ab4f3a2489cec1c9c8b65a7ceba195e5.png) 但是不管用 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/ace84b3082d51bac1f702829ec995903.png) ## 没有配置tsconfig时的报错内容 这是报错内容 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/f9800a8e05a589dce6cdaa2754b44477.png) 这是TS配置 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/f5ba3c89f21fdbade118f06d46abc30f.png) ## 配置了tsconfig和eslint之后的报错内容 后面我查了下配置方法,安装了eslint-plugin-import eslint-import-resolver-alias后进行了配置: tsconfig.json ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/18d709e753b253674dd8d9c10f3b53d8.png) .eslintrc.json ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/dfee3970a162caa117c811419add6774.png) 但是还是报错了 ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241103/6ed55c0354143c7a1e66bf2cd3a0ed48.png)

阅读量:21

点赞量:0

问AI
在tsconfig.json的complilerOptions里面配置 "baseUrl": ".", "paths": { "@/*": ["src/*"] }