react-native 配置@符号绝对路径配置和绝对路径没有提示的问题
作者：Youyzq
本文主要介绍了react-native 配置@符号绝对路径配置和绝对路径没有提示的问题,文中通过图文示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
这里需要用到vscode的包
yarn add babel-plugin-module-resolver
找到根目录里的babel.config.js
在页面添加plugins配置
直接替换
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ['./src'],
alias: {
'@/utils': './src/utils',
'@/pages': './src/pages',
'@/navigator': './src/navigator',
'@/models': './src/models',
'@/config': './src/config',
'@/components': './src/components',
'@/assets': './src/assets',
},
},
],
],
};
解决没有提示的问题
输出@/的时候没有提示
下载插件Vscode
path-alias
"pathAlias.aliasMap": {
"@": "${cwd}/src",
"~": "${cwd}/src",
},
直接替换掉重启一下vscode就可以了
但是会有一个问题jsx和tsx还是不会出现提示，希望有大佬能解决一下！！！！
到此这篇关于react-native 配置@符号绝对路径配置和绝对路径没有提示的问题的文章就介绍到这了,更多相关react-native配置@符号绝对路径内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！