react-native页面中使用@别名引入文件去除ts警告提示

最新推荐文章于 2024-08-24 10:06:39 发布

温柔如你，生活如梦

最新推荐文章于 2024-08-24 10:06:39 发布

阅读量230

点赞数

分类专栏： react-native踩坑记录文章标签： react native 前端 reactjs react.js

本文链接：https://blog.csdn.net/qq_53761321/article/details/131115370

版权

react-native踩坑记录专栏收录该内容

19 篇文章 0 订阅

订阅专栏

安装并配置babel-plugin-module-resolver，更新babel.config.js和tsconfig.json或jsconfig.json文件中的别名设置，然后重启项目清除缓存，以消除使用@符号导入文件时的TypeScript警告。

摘要由CSDN通过智能技术生成

                    
                        
                    
                    页面中使用@别名引入文件去除ts警告提示 
安装babel-plugin-module-resolver 
yarn add babel-plugin-module-resolver --save
配置 babel.config.jsplugins: [
  [
    'module-resolver',
    {
      root: ['./src'],
      extensions: ['.ios.js', '.android.js', '.js', '.ts', '.tsx', '.json'],
      alias: {
        '@': ['./src']
      }
    }
  ]
]
 
在tsconfig.json中添加以下代码{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  }
}

 
在jsconfig.json中添加以下代码{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": [
        "src/*"
      ]
    }
  }
}
 
重启项目清除缓存 yarn start --reset-cache

 

                