Create-react-app projesi derlenirken TypeScript React projesi sonuçsuz hatalar

Question

Bu biraz alışılmadık bir soru, ancak typcript derleyicisiyle (veya belki web paketi veya ilgili) sık sık sorun yaşıyorum.

Bu bana günde yaklaşık iki kez oluyor (hata mesajları her seferinde farklıdır):

1.) Normal kod değişiklikleri yaparım. 2.) Garip, açıklanamayan bir hata alıyorum - en sonuncusu:

Satır 0: Ayrıştırma hatası: Tanımsız 'eşleme' özelliği okunamıyor

1. Açıkçası, modüllerimin herhangi bir yerinde 0 satırında ithalat ifadeleri dışında kod yok. Ancak dosyamı her türlü .mapifade için kontrol ediyorum ve hatayı bulmaya çalışıyorum, bu arada geliştirme sunucusunu birkaç kez yeniden başlatıyorum (aynı hata).
2. Sonunda, hata gizemli bir şekilde ortadan kalkıyor - bu durumda, tüm ithalat ifadelerimi yorumladım ve kısa bir süre sonra başka hiçbir şeyi değiştirmeden onları yorumlamadım (hatayı yanlışlıkla düzeltmedim).

Bu, şu anda günde birkaç kez oluyor. Typecript 4.0.2'deydim, şimdi 3.9.7'ye düştüm.

Derleyiciyi "sıfırlamanın" (örneğin, geçici dosyaları silme) bunu çözebilecek herhangi bir yolu var mı? Bunu nasıl yapacağımdan gerçekten emin değilim.

Create-react-app'i aşağıdaki bağımlılıklar ile kullanıyorum:

"dependencies": {
    "@date-io/date-fns": "^1.3.13",
    "@date-io/moment": "^1.3.13",
    "@material-ui/core": "^4.11.0",
    "@material-ui/icons": "^4.9.1",
    "@material-ui/lab": "^4.0.0-alpha.56",
    "@material-ui/pickers": "^3.2.10",
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/user-event": "^7.1.2",
    "@types/jest": "^24.0.0",
    "@types/lodash": "^4.14.157",
    "@types/node": "^12.0.0",
    "@types/react": "^16.9.41",
    "@types/react-dom": "^16.9.0",
    "@types/react-redux": "^7.1.9",
    "@types/react-router-dom": "^5.1.5",
    "@types/recharts": "^1.8.14",
    "@types/redux-persist": "^4.3.1",
    "@types/styled-components": "^5.1.0",
    "@types/yup": "^0.29.3",
    "axios": "^0.19.2",
    "classnames": "^2.2.6",
    "date-fns": "^2.15.0",
    "formik": "^2.1.5",
    "lodash": "^4.17.15",
    "moment": "^2.27.0",
    "react": "^16.13.1",
    "react-dom": "^16.13.1",
    "react-intl": "^5.2.1",
    "react-redux": "^7.2.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^3.4.1",
    "recharts": "^1.8.5",
    "redux": "^4.0.5",
    "redux-devtools-extension": "^2.13.8",
    "redux-persist": "^6.0.0",
    "redux-thunk": "^2.3.0",
    "styled-components": "^5.1.1",
    "yup": "^0.29.1"
  },
"devDependencies": {
    "@testing-library/react": "^9.5.0",
    "typescript": "^3.9.7"
  }

Tsconfig:

{
  "compilerOptions": {
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",
    "noImplicitAny": false,
    "baseUrl": "src"
  },
  "include": [
    "src"
  ]
}

Answer 1

Sorun, react-scriptseslint'in eski sürümlerini kullanmaktır. sorunu takip edin

@typescript-eslint/eslint-plugin": "^2.10.0"
@typescript-eslint/parser": "^2.10.0"

Not Projede paketleri manuel olarak yükseltmek işe yaramadı

react-script ayrıca eş bağımlılık hatası veriyor

[email protected] requires a peer of typescript@^3.9.2 but typescript@^4.0.2 was installed.

Şimdilik destek typescript@^3.9.2zamanına kadar indirebilirizreact-scriptstypescript@^4.0