Error: Failed to load parser '@typescript-eslint/parser' declared in '.eslintrc.js#overrides[0]': Cannot find module '@typescript-eslint/parser'

[kkazala]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• browser version: N/A
• SPFx version: 1.21.1
• Node.js version: 22.14.0

Describe the bug / error

I created new project using yo @microsoft/sharepoint --package-manager pnpm command.
After installing dependencies (pnpm i) and rebuilding the project (gulp build) I'm getting an error:

Error - [lint] Unexpected STDERR output from ESLint: 
Oops! Something went wrong! :(
ESLint: 8.57.1
Error: Failed to load parser '@typescript-eslint/parser' declared in '.eslintrc.js#overrides[0]': Cannot find module '@typescript-eslint/parser'
Require stack:
- D:/Samples/SPFx/v1.21/.eslintrc.js
    at Function._resolveFilename (node:internal/modules/cjs/loader:1225:15)
    at Function.resolve (node:internal/modules/helpers:146:19)
    at Object.resolve (D:/Samples/SPFx/v1.21/node_modules/.pnpm/@[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:2346:46)
    at ConfigArrayFactory._loadParser (D:/Samples/SPFx/v1.21/node_modules/.pnpm/@[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3325:39)
    at ConfigArrayFactory._normalizeObjectConfigDataBody (D:/Samples/SPFx/v1.21/node_modules/.pnpm/@[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3099:43)
    at _normalizeObjectConfigDataBody.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigData (D:/Samples/SPFx/v1.21/node_modules/.pnpm/@[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3040:20)
    at _normalizeObjectConfigData.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigDataBody (D:/Samples/SPFx/v1.21/node_modules/.pnpm/@[email protected]/node_modules/@eslint/eslintrc/dist/eslintrc.cjs:3133:25)
    at _normalizeObjectConfigDataBody.next (<anonymous>)

Error - [lint]

I didn't change a single thing in the package.json, tsconfig.json or .eslintrc.js

Steps to reproduce

1. Install node v22, and latest yeoman generator
2. create new project using pnpm package manager
   yo @microsoft/sharepoint --package-manager pnpm
3. run pnpm i
4. run gulp build

Expected behavior

Build without an error =)

The question here is: which version of the @typescript-eslint/parser should I add to project dependencies?
Reviewing pnpm-lock.yaml, I see v5.20 but this gives
Parsing error: DeprecationError: 'originalKeywordKind' has been deprecated since v5.0.0 and can no longer be used. Use 'identifierToKeywordKind(identifier)' instead.

Adding ^6.0.0 solved the issue, but I also see various v8. I wonder what is the recommended approach here, so I don't have more problems and work down the road =)

[kkazala]

I didn't have to wait long =)

@typescript-eslint/parser version ^6.0.0 will throw Rule: "@typescript-eslint/no-duplicate-enum-values" for enum:

enum ProcessDef {
  CONFIG_LIST = "ConfigCommit",
  COMMAND_NAME = "COMMAND_COMMIT",
}

So.... version 8 then?
I will leave this issue open, perhaps you would like to consider it for the next version?

[Amey-MSFT]

Hello @kkazala,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.

[Amey-MSFT]

Hello @kkazala,
Did you install @typescript-eslint/parser@^8.0.0, as it ensures compatibility with ESLint 8.57.1 and avoids deprecation issues (e.g., originalKeywordKind) seen in v5/v6

[kkazala]

@Amey-MSFT I did, but I had to add it myself. And I had to find out which version should be installed first =)

The issue I'm reporting is that @typescript-eslint/parser@^8.0.0 is not in package.json of newly created projects, and when using pnpm package manager, the solution does not build.

Since pnpm package manager is supported, it would be nice to have all dependencies referenced in package.json, instead of letting developers figure it out :) I am sure they will (figure it out) but they will waste time.

Hope this explanation helps =)

[Amey-MSFT]

Hello @kkazala,
So, I will proceed with this by raising as feature request.
Meanwhile you can also raise a feature request by using this link :- SharePoint · Community

[kkazala]

I don’t think it’s a feature request. I think it’s a bug Pnpm is supported as a package manager for SPFx projects. Newly created project doesn’t build. I’m asking the SPFx team to ensure that the dependencies are listed correctly, so newly created projects build correctly after installing dependencies listed in package.json. If I have to fix the project configuration before I’m able to build a new project, I think it’s a bug I already provided the solution, now it’s just adding the missing line Couldn’t be easier :)

…

________________________________ From: Amey-MSFT ***@***.***> Sent: Monday, May 26, 2025 6:46:16 AM To: SharePoint/sp-dev-docs ***@***.***> Cc: Kinga ***@***.***>; Mention ***@***.***> Subject: Re: [SharePoint/sp-dev-docs] Error: Failed to load parser ***@***.***/parser' declared in '.eslintrc.js#overrides[0]': Cannot find module ***@***.***/parser' (Issue #10273) [https://avatars.githubusercontent.com/u/201892549?s=20&v=4]Amey-MSFT left a comment (SharePoint/sp-dev-docs#10273)<#10273 (comment)> Hello @kkazala<https://github.com/kkazala>, So, I will proceed with this by raising as feature request. Meanwhile you can also raise a feature request by using this link :- SharePoint · Community<https://feedbackportal.microsoft.com/feedback/forum/06735c62-321c-ec11-b6e7-0022481f8472> — Reply to this email directly, view it on GitHub<#10273 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AFLD3HYZWLJNJX5DZB72JG33AKMBRAVCNFSM6AAAAAB5PWZXUCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDSMBYGUYDSNBTGE>. You are receiving this because you were mentioned.Message ID: ***@***.***>

[Amey-MSFT]

Hello @kkazala,
Apologies for the misunderstanding,
We were able to reproduce the issue, and we are investigating it. We have logged this as a bug, and our engineering team will look into it.
Thank you!

[kkazala]

Thank you for the confirmation. :) I hope investigation will be fruitful, you already have the solution :)

…

________________________________ From: Amey-MSFT ***@***.***> Sent: Monday, May 26, 2025 2:52:33 PM To: SharePoint/sp-dev-docs ***@***.***> Cc: Kinga ***@***.***>; Mention ***@***.***> Subject: Re: [SharePoint/sp-dev-docs] Error: Failed to load parser ***@***.***/parser' declared in '.eslintrc.js#overrides[0]': Cannot find module ***@***.***/parser' (Issue #10273) [https://avatars.githubusercontent.com/u/201892549?s=20&v=4]Amey-MSFT left a comment (SharePoint/sp-dev-docs#10273)<#10273 (comment)> Hello @kkazala<https://github.com/kkazala>, Apologies for the misunderstanding, We were able to reproduce the issue, and we are investigating it. We have logged this as a bug, and our engineering team will look into it. Thank you! — Reply to this email directly, view it on GitHub<#10273 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AFLD3H2SLDDUZUPJ2WKKWMT3AMFBDAVCNFSM6AAAAAB5PWZXUCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDSMBZGY2TEMRTGQ>. You are receiving this because you were mentioned.Message ID: ***@***.***>