visual-studio-codepackage.jsonprettier

In VS Code, I'm getting this error, 'Failed to load module. Attempted to load prettier from package.json'


When I'm using VS Code and open up a project, I get this notification in the bottom right corner:

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

Source: Prettier Code Format (Extension)

Running npm install doesn't resolve this. Anyone have any idea why that is or what I can do to fix it?


Solution

  • This is a solution that worked for me

    1. Install Prettier Globally via npm if you have never installed it globally

    npm i prettier -g
    

    2. Search & Use the Prettier Path Extension Settings in your VS Code Settings

    enter image description here

    // You can navigate to VS Code Settings > Extensions > Prettier for all Prettier Extension Settings

    3. Update the Prettier Path to your globally installed Prettier.

    For Example

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

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