javascript - React და Prettier/eslint აპლიკაციის ლუპით შესრულება სკრიპტის მეშვეობით

ჩემი Create React App ყოველ ჯერზე კრეფს. გარდა იმისა, რომ ამას არ უნდა აკეთებდეს, ეს ასევე ძალიან აშფოთებს.

ეს არის გამოსავალი ნაგულისხმევი npm run start-იდან

ვარად ვიტყვი, რომ ეს რაღაც ლინტინგთან არის დაკავშირებული, იდეები?

რედაქტირება :

მოთხოვნილი სცენარები:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject",
    "lint:check": "eslint . --max-warnings=0",
    "lint:fix": "eslint . --fix --max-warnings=0",
    "prettier:check": "prettier . --check",
    "prettier:fix": "prettier . --write"
  }

რედაქტირება 2: ახლა მე ამოვწიე ყველა eslint პაკეტი პროექტიდან და წავშალე prettier და eslint ფაილები და აპლიკაცია მაინც მოიხსნებს, როგორც ჩანს GIF-ში

რედაქტირება 3:

ვისთვისაც ეს უნდა დაინახოს, ეს ჯერ კიდევ არ არის გადაწყვეტილი.

• კმაყოფილების ვალდებულება მთლიანად ამოღებულია
• მივუწვიე ყველა ჩემი TypeScript ტიპები და ინტერფეისები, დარწმუნებით რომ ისინი სწორად არის მითითებული და ასე შემდეგ...
• ვცადე ის Mac-ზე, Windows-ზე, Linux-ზე, ყველამ ერთი და იგივე გრძნობა გამოიღო.
• აპლიკაცია IDE-ს გარეთ დაიწყეს Powershell და zsh-ის გამოყენებით, ისინი ერთსა და იმავე საქმეს აკეთებენ
• გავახლე ყველა ჩემი პაკეტი
• გახდი ახალი tsconfig ფაილი
• წაშლა node_modules
• მოვიძიე yarn და npm ორივე ერთს აკეთებს

მოგიტაცეთ, აქ კომენტარები და პასუხები ყველას გვეხმარება, მაგრამ არცერთი არ გადაჭრის საკითხს.

პასუხი #1

არსებობს რამდენიმე რამ, რაც შეიძლება ხდებოდეს.

აქ არის რამოდენიმე ის, რაც მე წარსულში შევხვდი:

1. არსებობს ფაილი, რომელიც მუდმივად იცვლება შენთვის. შესაძლოა, შენი IDE გახსნილია და რომელიღაც მიზეზით ფაილს იძენს, ან სქრიპტი განაახლებს მას, ან სხვა რომელიღაც მიზეზით ის განახლდება და შესაბამისად თავიდან იწყებს კომპილაციას.
2. კეში შეიძლება პრობლემებს ქმნიდეს. სცადეთ გაშვება npm start -- --reset-cache. კეშის გასუფთავება შესაძლოა სასარგებლო იყოს.
3. შეცვალეთ გარემო. მაგალითად, დააყენეთ პროექტი სუფთა და ახალ ვირტუალურ მანქანაზე.
4. ინიაქტიურეთ ლინტინგი და prettier დროებით. წაშალეთ ყველა eslint და prettier კომანდა package.json-დან და განაახლეთ პროექტი.

პასუხი #2

ჩემს ვარაუდში, თქვენს პროექტის დირექტორიაში არის რაღაც ფაილი, რომელიც მუდმივად იცვლება. Webpack შეამჩნევს ამ ცვლილებებს და ყოველ ჯერზე ახლის თქვენს პროექტს.

აქ არის რამდენიმე გზა ამ თეორიის გამოსაცდელად:

1. დაინსტალირეთ ფაილის აღუწერელი აპლიკაცია და მიუთითეთ იგი თქვენი პროექტის დირექტორიაზე იმის გასაგებად, თუ რომელი ფაილები მუშავდება.
2. რეაქტ აპის ჩატვირთვის ნაცვლად react-scripts start-ით, შექმენით მინიმალური webpack.config.js (ან შეინახეთ ნაგულისხმები react-scripts-დან) და გაიქეცით თქვენი პროექტი webpack serve-ით, როგორც თქვენი სტარტ აპი. გამოიყენეთ პლაგინი, რათა განსაზღვროთ, რომელ ფაილებზე მიმდინარეობს განახლება.