Я думаю, это приложение меня берет на себя. Я использую машинописный текст, sass (s css), а машинописный текст - для каждого файла. Моя простая установка генерирует ошибки, но ее обычная реакция / js .. стандартная. У кого-нибудь есть идеи. Ниже мой файл eslint и снимок экрана с очень простым компонентом и ошибками ....
Я считаю, что проблема в том, что мой линтинг не работает для файлов ". js". В моем приложении должны быть оба файла: .tsx и. js, поскольку машинописный текст не требуется. Можно использовать или нет. ![enter image description here](https://i.stack.imgur.com/oMVHI.png)
.eslint file
const path = require('path');
module.exports = {
"parser": "@typescript-eslint/parser",
"parserOptions": {
"ecmaVersion": 2019,
"sourceType": "module",
"ecmaFeatures": {
"jsx": true
},
"project": "./tsconfig.json"
},
"plugins": ["@typescript-eslint/eslint-plugin", 'react', 'prettier', 'import'],
"extends": [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-eslint/recommended",
"plugin:react-hooks/recommended",
"plugin:react/recommended",
"eslint-config-prettier",
"eslint-config-prettier/@typescript-eslint",
"airbnb-base",
"prettier",
"prettier/react",
],
"globals": {},
"rules": {
"strict": ["error", "never"],
"import/prefer-default-export": 1,
"global-require": 1,
"react/jsx-key": 1,
"prefer-destructuring": 1
},
"env": {
"browser": true,
"jest": true,
"es2020": true
},
settings: {
'import/resolver': {
'babel-module': {
"import/resolver": {
src: path.join(__dirname, '/src'),
},
},
},
react: {
version: 'detect',
},
},
overrides: [
{
"files": ["**/*.tsx?"],
"excludedFiles": "**/*.js",
"rules": {
"react/prop-types": "off"
}
},
{
files: ['**/__tests__/**'],
settings: {
'import/resolver': {
jest: {
jestConfigFile: path.join(__dirname, '/jest.config.js'),
},
},
},
},
],
}
Also, I've always done my development in webstorm and here is my javascript setting:
введите описание изображения здесь