Svelte recipe does not work about website

[johndeighan]

FYI, I created a new npm project and installed just svelte and parcel. In my package.json file, it tells me that I installed parcel 2.10.3. Then I created a simple HTML file with just an h1 containing the string "Parcel" with the name index.html. I tried to run it with the command "parcel index.html" and got the following nonsense error message:

[ThrowableDiagnostic [Error]: The plugin "@parcel/reporter-dev-server" is not compatible with the current version of Parcel. Requires "^2.10.3" but the current version is "2.9.3".] {
  diagnostics: [
    {
      message: 'The plugin "@parcel/reporter-dev-server" is not compatible with the current version of Parcel. Requires "^2.10.3" but the current version is "2.9.3".',
      origin: '@parcel/core',
      codeFrames: [Array]
    }
  ]
}

Actually, there were a bunch of these for different plugins. It thinks the current version is 2.9.3, but it's really 2.10.3. WTF is going on?

FYI, here's the output from running "npm list":

$ npm list
[email protected] C:\Users\johnd\grammar
└── [email protected]

[mischnic]

For your first problem: parcel-plugin-svelte is a plugin for Parcel 1. And parcel is Parcel 2.

I just tried npm i -D svelte parcel in an empty folder and then npx parcel index.html worked fine. So I don't know what npm did in your case.