快捷導(dǎo)航

react-native 配置@符號(hào)絕對(duì)路徑配置和絕對(duì)路徑?jīng)]有提示的問(wèn)題

更新時(shí)間：2024年01月11日 09:02:24 作者：Youyzq

本文主要介紹了react-native 配置@符號(hào)絕對(duì)路徑配置和絕對(duì)路徑?jīng)]有提示的問(wèn)題,文中通過(guò)圖文示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧

這里需要用到vscode的包

yarn add babel-plugin-module-resolver

找到根目錄里的babel.config.js

在這里插入圖片描述

在頁(yè)面添加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',
        },
      },
    ],
  ],
};

解決沒(méi)有提示的問(wèn)題

在這里插入圖片描述

輸出@/的時(shí)候沒(méi)有提示

下載插件Vscode

path-alias

在這里插入圖片描述

  "pathAlias.aliasMap": {
      "@": "${cwd}/src",
      "~": "${cwd}/src",
    },

直接替換掉重啟一下vscode就可以了

在這里插入圖片描述

但是會(huì)有一個(gè)問(wèn)題jsx和tsx還是不會(huì)出現(xiàn)提示，希望有大佬能解決一下！?。?！

到此這篇關(guān)于react-native 配置@符號(hào)絕對(duì)路徑配置和絕對(duì)路徑?jīng)]有提示的問(wèn)題的文章就介紹到這了,更多相關(guān)react-native配置@符號(hào)絕對(duì)路徑內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

React中條件渲染的常見(jiàn)方法總結(jié)
條件渲染在React開(kāi)發(fā)中非常重要的功能,它允許開(kāi)發(fā)人員根據(jù)條件控制渲染的內(nèi)容,在創(chuàng)建動(dòng)態(tài)和交互式用戶界面方面發(fā)揮著至關(guān)重要的作用,本文總結(jié)了常用的的條件渲染方法,需要的朋友可以參考下
2024-01-01
react-native使用leanclound消息推送的方法
這篇文章主要介紹了react-native使用leanclound消息推送的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-08-08
react實(shí)現(xiàn)簡(jiǎn)單的拖拽功能
這篇文章主要為大家詳細(xì)介紹了react實(shí)現(xiàn)簡(jiǎn)單的拖拽功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-03-03
React使用TailwindCSS的實(shí)現(xiàn)示例
TailwindCSS是一個(gè)實(shí)用優(yōu)先的CSS框架,本文主要介紹了React使用TailwindCSS的實(shí)現(xiàn)示例,具有一定的參考價(jià)值,感興趣的可以了解一下
2023-12-12
React-router 4 按需加載的實(shí)現(xiàn)方式及原理詳解
本篇文章主要介紹了React-router 4 按需加載的實(shí)現(xiàn)方式及原理詳解，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-05-05
React開(kāi)發(fā)進(jìn)階redux saga使用原理詳解
這篇文章主要為大家介紹了React開(kāi)發(fā)進(jìn)階redux saga使用原理詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-11-11
React前端路由應(yīng)用介紹
前端應(yīng)用大多數(shù)是SPA（單頁(yè)應(yīng)用程序），也就是只有一個(gè)HTML頁(yè)面的應(yīng)用程序。因?yàn)樗挠脩趔w驗(yàn)更好、對(duì)服務(wù)器壓力更小，所以更受歡迎。為了有效的使用單個(gè)頁(yè)面來(lái)管理多頁(yè)面的功能，前端路由應(yīng)運(yùn)而生
2022-09-09
ReactJS入門實(shí)例教程詳解
React.render?是?React?的最基本方法，用于將模板轉(zhuǎn)為?HTML?語(yǔ)言，并插入指定的?DOM?節(jié)點(diǎn)，這篇文章主要介紹了ReactJS入門實(shí)例教程,需要的朋友可以參考下
2022-06-06
React使用TypeScript的最佳實(shí)踐和技巧
在React項(xiàng)目中使用TypeScript可以顯著提高代碼的可維護(hù)性和可讀性,并提供強(qiáng)大的類型檢查功能,減少運(yùn)行時(shí)錯(cuò)誤,以下是一些優(yōu)雅地將TypeScript集成到React項(xiàng)目中的最佳實(shí)踐和技巧,需要的朋友可以參考下
2024-06-06
react 移動(dòng)端實(shí)現(xiàn)列表左滑刪除的示例代碼
這篇文章主要介紹了react 移動(dòng)端實(shí)現(xiàn)列表左滑刪除的示例代碼，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-07-07