W VS Code pojawia się ten błąd: „Nie można załadować modułu. Podjęto próbę załadowania ładniejszego pliku package.json '

Kiedy używam VS Code i otwieram projekt, otrzymuję to powiadomienie w prawym dolnym rogu:

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runinstalacja npmAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

Uruchomienie instalacji npm nie rozwiązuje tego problemu. Czy ktoś ma pojęcie, dlaczego to jest lub co mogę zrobić, aby to naprawić?

To rozwiązanie działało dla mnie

1. Zainstaluj ładniejszy globalnie za pomocą npm, jeśli nigdy nie instalowałeś go globalnie

npm i prettier -g

2. Wyszukaj i użyj Prettier Pathustawień rozszerzeń w ustawieniach kodu VS.

// Możesz przejść do VS Code Settings > Extensions > Prettierdla wszystkich ładniejszych ustawień rozszerzeń

3. Zaktualizuj Prettier Pathdo globalnie zainstalowanego Prettier.

Na przykład

/usr/local/lib/node_modules/prettier (System operacyjny Mac)

\AppData\Roaming\npm\node_modules\prettier (Windows)

Aktualizacja

Teraz działa dla mnie z prettier-vscode4.1.1 i prettier2.0.4, spróbuj. Mogę użyć dołączonej lub zainstalowanej lokalnie wersji ładniejszej.

Znaczące zmiany :

• [4.0.0] Zaktualizowano ładniej do 2.0
• [4.1.0] Dodano opcję konfiguracji withNodeModules, aby umożliwić przetwarzanie plików w folderze node_modules [domyślnie: false]
• [4.1.0] Obsługa ładowania ładniejszego z node_modules, nawet jeśli nie pojawia się jako bezpośrednia zależność w pliku package.json

Oryginalny post

Napotkałem ten problem podczas sprawdzania kodu źródłowego pakietu zewnętrznego pod node_modules.

Obejściem tego problemu jest usunięcie prettierwpisu package.jsontego pakietu - nie jest prettierwymagana instalacja lokalna / globalna . Przykład :

{
  "devDependencies": {
    ...
    "prettier": "^1.19.1", // remove this line completely
  },
}

Zachowaj package.jsonważność - bez przecinka, nie komentuj linii. Powodem tego jest:

Rozszerzenie przeszukuje drzewo aż do momentu złożenia pliku package.json. Jeśli pakiet package.json zawiera ładniejsze, rozszerzenie używa tego, w przeciwnym razie wróci do korzystania z dołączonej wersji ładniejszego. Połączyć

Domyślam się, że rozszerzenie chce korzystać prettierz pakietu, nawet jeśli tak jest devDependencies.

Upuszczenie devDependencyz paczki nie powinno być szkodliwe node_modules. Umożliwia to również korzystanie z prettierwersji dołączonej do pakietu prettier-vscode(instalacja nie jest wymagana).

Właśnie wpadłem na to i odkryłem, że mam błąd składniowy w moim pliku package.json. W jednej linii znajdował się przecinek końcowy i to właśnie wydawało mi się, że jest to podstawowa przyczyna.

Zauważyłem to, ponieważ podczas próby uruchomienia testów kątowych zobaczyłem następujące dane wyjściowe:

C:\... [feature/migrate-away-from-angular-http +2 ~6 -0 | +0 ~5 -0 !]> ng test
10% building 3/3 modules 0 active20 11 2019 21:11:18.638:WARN [karma]: No captured browser, open http://localhost:9876/
20 11 2019 21:11:19.575:INFO [karma-server]: Karma v4.1.0 server started at http://0.0.0.0:9876/
20 11 2019 21:11:19.576:INFO [launcher]: Launching browsers Chrome with concurrency unlimited
20 11 2019 21:11:19.594:INFO [launcher]: Starting browser Chrome

ERROR in ./src/app/app.component.spec.ts
Module not found: SyntaxError: C:\...\package.json (directory description file): SyntaxError: C:\...\package.json (directory description file): SyntaxError: Unexpected token } in JSON at position 167
 @ ./src/app/app.component.spec.ts 7:31-75
 @ ./src sync \.spec\.ts$
 @ ./src/test.ts
ERROR in ./src/app/app.component.ts

Podczas konfigurowania ładniejszego należy skonfigurować go dla każdego projektu. Nie każdy projekt używa tego samego stylu kodu, dlatego ważne jest, aby szanować styl każdego projektu, w którym aktualnie pracujesz.

Repozytorium demonstracyjne bahmutov/prettier-config-examplema dwa podfoldery, każdy z innym stylem kodu, wymuszonym przez Prettier. W rzeczywistości każde twoje repo będzie miało swój styl; Korzystam z podfolderów, aby uprościć przykład.

npm install --save-dev --save-exact prettier

Wypróbowałem wszystkie przedstawione tutaj rozwiązania, nie pomogło. Aktualizacja programu Visual Studio Code rozwiązała ten problem.

Naprawiono ten problem, robiąc to npm installglobalnie.

Miałem ten problem, kiedy go wyczyściłem node_nodules. Miałem eslintwraz z ładniejszym globalnie zainstalowany. A kiedy usunąłem node_modulesten błąd stwierdził pojawienie się.