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还是不会出现提示,希望有大佬能解决一下!!!!