加載規則“@typescript-eslint/dot-notation”時出錯：您使用了需要生成 parserServices 的規則

Question

加載規則“@typescript-eslint/dot-notation”時出錯：您使用了需要生成 parserServices 的規則。 因此，您必須為 @typescript-eslint/parser 的“parserOptions.project”屬性提供一個值。 linting 時發生 /home/bash/Documents/react-genesis/src/App.tsx [在此處輸入圖像描述][1]

應用程序.tsx

 import { ChakraProvider, } from "@chakra-ui/react"; import { HashRouter as Router, } from "react-router-dom"; import { RecoilRoot } from "recoil"; import { QueryClient, QueryClientProvider } from "react-query"; import React from "react"; const queryClient = new QueryClient(); function AppContent() { return ( <>Hello World</> ); } export default function App() { return ( <RecoilRoot> <ChakraProvider> <Router> <QueryClientProvider client={queryClient}> <AppContent /> </QueryClientProvider> </Router> </ChakraProvider> </RecoilRoot> ); }

Answer 1

一般eslintrc.json文件的parserOptions下這一行"project": "./tsconfig.json"就夠了

Answer 2

eslint 文檔詳細說明了如何使用類型信息啟用 linting，如下所示

// eslint config

module.exports = {
  parser: '@typescript-eslint/parser', // should be already existing
  parserOptions: { // add this object
    tsconfigRootDir: __dirname,
    project: ['./tsconfig.json'],
  },

  // other config

};