Maximum call stack size exceeded

[andreialecu]

What version of Tailwind CSS IntelliSense are you using?

v0.7.1

What version of Tailwind CSS are you using?

v2.2.17

What package manager are you using?

yarn

What operating system are you using?

macOS

Reproduction URL

none

Describe your issue

Getting:

[Error - 10:42:06 PM] Tailwind CSS: Maximum call stack size exceeded
Error
    at new y (/Users/andreialecu/.vscode-insiders/extensions/bradlc.vscode-tailwindcss-0.7.1/dist/server/tailwindServer.js:56:286819)
    at /Users/andreialecu/.vscode-insiders/extensions/bradlc.vscode-tailwindcss-0.7.1/dist/server/tailwindServer.js:56:356021
    at Generator.next (<anonymous>)
    at o (/Users/andreialecu/.vscode-insiders/extensions/bradlc.vscode-tailwindcss-0.7.1/dist/server/tailwindServer.js:56:348919)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

This is an angular project.

I actually had the same Maximum call stack size exceeded from webpack while building the project after adding tailwind and I fixed it by updating webpack-sources.

Here's the related issue: webpack/webpack-sources#131 where this is discussed.

[andreialecu]

I ran this from sources. Here's the error unminified:

[Error - 11:30:20 PM] Tailwind CSS: Maximum call stack size exceeded
Error
    at new SilentError (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:44804:18)
    at /Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:49446:27
    at Generator.next (<anonymous>)
    at fulfilled (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:48953:58)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

While debugging it further I found the source of the problem.

My project is actually using yarn 3 PnP, but the project I'm using tailwind in is outside of the yarn PnP root, and is part of pnpIgnorePatterns in yarn's config file.

I deleted the .pnp.cjs file from the root to confirm and the error was gone.

To clarify, my project looks like this:

<root>/.pnp.cjs
<root>/packages/<pnp projects here>
<root>/nm-packages/angular-project/tailwind.config.js

I'm using tailwind in nm-packages/angular-project.

It appears the heuristics that try to find the config attempt to use pnp and run into this maximum callstack error for some reason.

This is the catch that gets triggered:

tailwindcss-intellisense/packages/tailwindcss-language-server/src/server.ts

Line 653 in ecdfc1a

throw new SilentError(error.message)

I removed the SilentError to get a better stack trace:

RangeError: Maximum call stack size exceeded
    at /Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:14014:13
    at _next1 (eval at create (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:33840:10), <anonymous>:8:1)
    at eval (eval at create (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:33840:10), <anonymous>:31:1)
    at forEachBail (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:15904:33)
    at /Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:13721:6
    at _next0 (eval at create (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:33840:10), <anonymous>:23:1)
    at eval (eval at create (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:33840:10), <anonymous>:45:1)
    at /Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:15429:31
    at Hook.eval [as callAsync] (eval at create (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:33840:10), <anonymous>:37:1)
    at Resolver.doResolve (/Users/andreialecu/Work/contrib/tailwindcss-intellisense/packages/vscode-tailwindcss/dist/server/index.js:14459:16)

It appears the stacktrace leads to this piece of code in the pnp resolver:

[andreialecu]

Upon further digging into this, it seems to be an issue in Yarn. Probably related to pnpIgnorePatterns.

Will close it as an upstream issue.

[andreialecu]

I'll reopen this, upon further discussion with @merceyz (core Yarn contributor) it seems like webpack/enhanced-resolve#301 is supposed to fix this.

However, there's one change needed to the extension after that PR above is merged. And that would be to remove this line:

tailwindcss-intellisense/packages/tailwindcss-language-server/src/util/resolveFrom.ts

Line 17 in ecdfc1a

resolver = createResolver({ pnpApi })

[bradlc]

Hey @andreialecu, thanks for investigating this! The next release of Tailwind CSS IntelliSense will use a patched version of enhanced-resolve that should resolve your issue 👍