快捷導(dǎo)航

react-native 配置@符號絕對路徑配置和絕對路徑?jīng)]有提示的問題

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

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

這里需要用到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還是不會出現(xiàn)提示，希望有大佬能解決一下?。。?！

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

您可能感興趣的文章:

相關(guān)文章

react 報(bào)錯Module build failed: Browserslis
這篇文章主要介紹了react 報(bào)錯Module build failed: BrowserslistError: Unknown browser query `dead`問題的解決方法,需要的朋友可以參考下
2023-06-06
react實(shí)現(xiàn)頁面水印效果的全過程
大家常常關(guān)注的是網(wǎng)站圖片增加水印,而很少關(guān)注頁面水印,其實(shí)這個需求也是比較常見的,比如公文系統(tǒng)、合同系統(tǒng)等,這篇文章主要給大家介紹了關(guān)于react實(shí)現(xiàn)頁面水印效果的相關(guān)資料,需要的朋友可以參考下
2021-09-09
React中super()和super(props)的區(qū)別小結(jié)
本文主要介紹了React中super()和super(props)的區(qū)別小結(jié),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2024-03-03
React 中 map 處理異步數(shù)據(jù)不渲染的問題及解決方法
文章講述了在使用React時遇到的異步問題導(dǎo)致頁面卡頓的情況,通過Promise.all等方法解決了異步操作的順序問題,使得頁面能夠正常渲染,感興趣的朋友跟隨小編一起看看吧
2026-01-01
React狀態(tài)管理Redux的使用介紹詳解
redux是redux官方react綁定庫，能夠使react組件從redux store中讀取數(shù)據(jù)，并且向store分發(fā)actions以此來更新數(shù)據(jù)，這篇文章主要介紹了react-redux的設(shè)置,需要的朋友可以參考下
2022-09-09
React引入css的三種方式小結(jié)
這篇文章主要介紹了React引入css的三種方式小結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-12-12
React router cache route實(shí)現(xiàn)緩存頁面流程介紹
react-router自身沒有路由緩存的特性，在5.x版本之前，我們可以基于react-router-cache-route來實(shí)現(xiàn)路由緩存功能。但是react-router 6.x在實(shí)現(xiàn)上做了比較大的變化，react-router-cache-route沒有提供相應(yīng)的支持
2023-01-01
react父組件更改props子組件無法刷新原因及解決方法
使用過vue的朋友都知道，vue父組件更改props的值，子組件是會刷新的，而react就未必，今天通過一個例子給大家介紹react父組件更改props子組件無法刷新原因,需要的朋友可以參考下
2022-09-09
React路由動畫切換實(shí)現(xiàn)過程詳解
這篇文章主要介紹了react-router 路由切換動畫的實(shí)現(xiàn)示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2022-12-12
React錯誤邊界Error Boundaries
錯誤邊界是一種React組件,這種組件可以捕獲發(fā)生在其子組件樹任何位置的JavaScript錯誤,并打印這些錯誤,同時展示降級UI,而并不會渲染那些發(fā)生崩潰的子組件樹
2023-01-01