В VS Code я получаю эту ошибку: «Не удалось загрузить модуль. Попытка загрузить красивее из package.json '

Когда я использую VS Code и открываю проект, я получаю это уведомление в правом нижнем углу:

Failed to load module. If you have prettier or plugins referenced in package.json, ensure you have runустановка npmAttempted to load prettier from package.json.

Source: Prettier Code Format (Extension)

Запуск npm install не решает эту проблему. У кого-нибудь есть идеи, почему это так или что я могу сделать, чтобы это исправить?

Это решение, которое сработало для меня

1. Установите Prettier Global через npm, если вы никогда не устанавливали его глобально

npm i prettier -g

2. Найдите и используйте Prettier Pathнастройки расширений в настройках кода VS

// Вы можете перейти к VS Code Settings > Extensions > Prettierдля всех настроек расширения Prettier

3. Обновите Prettier Pathсвой глобально установленный Prettier.

Например

/usr/local/lib/node_modules/prettier (Mac OS)

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

Обновить

Теперь он работает для меня с prettier-vscode4.1.1 и prettier2.0.4, попробуйте. Я могу либо использовать в комплекте или локально установленную версию красивее.

Заметные изменения :

• [4.0.0] Обновлено красивее до 2.0
• [4.1.0] Добавлена ​​опция конфигурации withNodeModules, чтобы включить обработку файлов в папке node_modules [по умолчанию: false]
• [4.1.0] Поддержка загрузки Prettier из node_modules, даже если она не отображается как прямая зависимость в package.json

Оригинальный пост

Я столкнулся с этой проблемой при проверке исходного кода внешнего пакета в node_modules.

Обходной путь должен удалить prettierзапись в package.jsonэтом пакете - не prettierтребуется локальная / глобальная установка. Пример :

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

Сохраняйте package.jsonдействительность - без запятой, не просто закомментируйте строку. Причина, по которой это работает:

Расширение ищет дерево вниз, пока мы не отправим файл package.json. Если этот package.json содержит более симпатичные, расширение использует это, в противном случае оно вернется к использованию встроенной версии более привлекательной. Ссылка на сайт

Я предполагаю, что расширение хочет использовать prettierиз пакета, даже если это так devDependencies.

Там не должно быть никакого вреда, чтобы бросить devDependencyиз пакета в node_modules. Это также позволяет использовать prettierверсию, поставляемую в комплекте prettier-vscode(установка не требуется).

Я только столкнулся с этим и обнаружил, что у меня была синтаксическая ошибка в моем файле package.json. В одной строке стояла запятая, и это, казалось, было основной причиной для меня.

Я заметил это, потому что я увидел следующий вывод при попытке запустить некоторые тесты Angular:

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

При настройке Prettier важно настроить его для каждого проекта. Не каждый проект использует один и тот же стиль кода, поэтому важно соблюдать стиль любого проекта, в котором вы сейчас работаете.

Демонстрационное репо bahmutov/prettier-config-exampleимеет две подпапки, каждая из которых имеет свой собственный стиль кода, созданный Prettier. В действительности, каждое из ваших репозиториев будет иметь свой стиль; Я использую подпапки, чтобы сделать пример простым.

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

Перепробовал все решения, представленные здесь, не помогло. Обновление кода Visual Studio решило эту проблему.

Исправлена ​​эта проблема, делая npm installглобально.

У меня была эта проблема, когда я почистил node_nodules. У меня было eslintвместе с красивее глобально установлено. И когда я удалил node_modulesэту ошибку, указывалось, обнаруживаясь.