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配置@符号绝对路径内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
React函数式组件Hook中的useEffect函数的详细解析
useEffect是react v16.8新引入的特性。我们可以把useEffect hook看作是componentDidMount、componentDidUpdate、componentWillUnmounrt三个函数的组合2022-10-10用React实现一个类 chatGPT 的交互式问答组件的方法详解
这篇文章主要给大家详细介绍如何用React实现一个类 chatGPT 的交互式问答组件的方法,文中有详细的代码示例,对我们学习有一定的帮助,需要的朋友可以参考下2023-06-06基于react hooks,zarm组件库配置开发h5表单页面的实例代码
这篇文章主要介绍了基于react hooks,zarm组件库配置开发h5表单页面,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2021-04-04React报错信息之Expected an assignment or function call and
这篇文章主要介绍了React报错之Expected an assignment or function call and instead saw an expression,下面有两个示例来展示错误是如何产生的,需要的朋友可以参考下2022-08-08
最新评论