React Native - IntelliSense 建议使用react-native/types 而不是react-native

Question

我想<View从中导入react-native，但我得到的是react-native/types

我怎样才能解决这个问题？这是一个从头开始的新项目，我像文档指南一样添加了 TypeScript：

yarn add --dev @tsconfig/react-native @types/jest @types/react @types/react-test-renderer typescript

Answer 1

我也遇到了这个问题，但我设法以某种方式解决了它。

简短回答

检查您是否已安装@types/react并@types/react-native作为开发依赖项安装。我认为这是对我有用的步骤。

长答案

我不知道是什么解决了这个问题，所以这是我所做的所有步骤：

1. 我检查了我的 eslint 设置：

{
  "extends": ["react-native-wcandillon", "plugin:prettier/recommended"],
  "plugins": ["prettier"],
  "rules": {
    "max-len": ["error", { "code": 120 }],
    "prettier/prettier": [
      "warn",
      {
        "singleQuote": false,
        "printWidth": 120
      }
    ]
  }
}

2. 我检查了我的 babel 设置

module.exports = {
  presets: ["module:metro-react-native-babel-preset"],
  plugins: ["react-native-reanimated/plugin"],
};

3. 我检查了我的 tsconfig 设置：

{
  "extends": "eslint-config-react-native-wcandillon/tsconfig.base",
}

4. 我检查了我的 --dev 依赖项并安装了更多依赖项（也许这有帮助？）

  "devDependencies": {
    "@babel/core": "^7.21.3",
    "@babel/preset-env": "^7.20.0",
    "@babel/runtime": "^7.21.0",
    "@react-native-community/eslint-config": "^3.2.0",
    "@tsconfig/react-native": "^2.0.3",
    "@types/react": "^18.0.29",
    "@types/react-native": "^0.71.5",
    "@types/react-test-renderer": "^18.0.0",
    "@types/uuid": "^9.0.1",
    "@typescript-eslint/eslint-plugin": "^5.56.0",
    "@typescript-eslint/parser": "^5.56.0",
    "eslint": "^8.36.0",
    "eslint-config-prettier": "^8.8.0",
    "eslint-config-react-native-wcandillon": "^3.9.1",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.32.2",
    "jest": "^29.2.1",
    "metro-react-native-babel-preset": "0.76.0",
    "prettier": "2.8.7",
    "react-native-svg-transformer": "^1.0.0",
    "react-test-renderer": "18.2.0",
    "typescript": "4.8.4"
  },