cannot find package sveltejs/adapter-auto svelte.config.js

Question

I am new to SvelteKit and have built an initial project from the SvelteKit docs. When the project opens I receive the following error when looking at index.svelte.

Error in svelte.config.js

Error [ERR_MODULE_NOT_FOUND]: Cannot find package '@sveltejs/adapter-auto' imported from /Users/.../svelte.config.js

package.json File

"devDependencies": {
        "@sveltejs/adapter-auto": "next",
        "@sveltejs/kit": "next",
        "prettier": "^2.5.1",
        "prettier-plugin-svelte": "^2.5.0",
        "svelte": "^3.44.0",
        "svelte-check": "^2.2.6",
        "typescript": "~4.6.2"
    },

svelte.config.js File

import adapter from '@sveltejs/adapter-auto';

/** @type {import('@sveltejs/kit').Config} */
const config = {
    kit: {
        adapter: adapter()
    }
};

export default config;

While the project builds it's throwing errors everywhere. Any help would be appreciated.

Answer 1

I am using VS Code for the project. The issue is related to opening the project in VS Code, opening a terminal, and running the npm install command.

It appears that npm install must be run in an application like Terminal on a Mac prior to opening the app in VS Code.