[BUG] Typescript: Maximum call stack size exceeded

Describe the bug

Everytime i will run the npx @shopware-pwa/cli@latest i will get an error that the Maximum call stack size exceeded.

Versions

PWA Version: 0.9.0 Shopware version: 6.4

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2018",
    "module": "ESNext",
    "moduleResolution": "Node",
    "lib": ["ESNext", "ESNext.AsyncIterable", "DOM"],
    "esModuleInterop": true,
    "allowJs": true,
    "sourceMap": true,
    "strict": true,
    "noEmit": true,
    "baseUrl": ".",
    "paths": {
      "~/*": ["./*"],
      "@/*": ["./.shopware-pwa/source/*"]
    },
    "types": ["@types/node", "@nuxt/types"]
  },
  "exclude": ["node_modules"]
}

Stack trace

 ERROR  RangeError: Maximum call stack size exceeded                                                                                11:14:48

  at Object.getCheckFlags (node_modules/typescript/lib/typescript.js:18470:27)
  at addPropertyToElementList (node_modules/typescript/lib/typescript.js:48397:53)
  at createTypeNodesFromResolvedType (node_modules/typescript/lib/typescript.js:48384:25)
  at createTypeNodeFromObjectType (node_modules/typescript/lib/typescript.js:48190:35)
  at visitAndTransformType (node_modules/typescript/lib/typescript.js:48138:34)
  at createAnonymousTypeNode (node_modules/typescript/lib/typescript.js:48092:36)
  at typeToTypeNodeHelper (node_modules/typescript/lib/typescript.js:47989:28)
  at serializeReturnTypeForSignature (node_modules/typescript/lib/typescript.js:49181:24)
  at signatureToSignatureDeclarationHelper (node_modules/typescript/lib/typescript.js:48586:42)
  at addPropertyToElementList (node_modules/typescript/lib/typescript.js:48424:49)

Extra information

This error occurred after the update from 0.8.2 to 0.9.0 i don’t use any typescript in my code yet.

Steps

1. npx @shopware-pwa/cli@0.9.0 dev
2. is see the following response

 Using theme: @shopware-pwa/default-theme                                                                                          11:14:37

   ╭────────────────────────────────────────────╮
   │                                            │
   │   Nuxt @ v2.15.6                           │
   │                                            │
   │   ▸ Environment: development               │
   │   ▸ Rendering:   server-side               │
   │   ▸ Target:      server                    │
   │                                            │
   │   Listening: http://0.0.0.0:3000/   │
   │                                            │
   ╰────────────────────────────────────────────╯

ℹ Preparing project for development                                                                                                 11:14:38
ℹ Initial build may take a while                                                                                                    11:14:38
ℹ Discovered Components: .nuxt/components/readme.md                                                                                 11:14:38
✔ Builder initialized                                                                                                               11:14:38
✔ Nuxt files generated   


✔ Client
  Compiled successfully in 31.11s

✔ Server
  Compiled successfully in 27.78s


 ERROR  RangeError: Maximum call stack size exceeded                                                                                11:14:48

  at Object.getCheckFlags (node_modules/typescript/lib/typescript.js:18470:27)
  at addPropertyToElementList (node_modules/typescript/lib/typescript.js:48397:53)
  at createTypeNodesFromResolvedType (node_modules/typescript/lib/typescript.js:48384:25)
  at createTypeNodeFromObjectType (node_modules/typescript/lib/typescript.js:48190:35)
  at visitAndTransformType (node_modules/typescript/lib/typescript.js:48138:34)
  at createAnonymousTypeNode (node_modules/typescript/lib/typescript.js:48092:36)
  at typeToTypeNodeHelper (node_modules/typescript/lib/typescript.js:47989:28)
  at serializeReturnTypeForSignature (node_modules/typescript/lib/typescript.js:49181:24)
  at signatureToSignatureDeclarationHelper (node_modules/typescript/lib/typescript.js:48586:42)
  at addPropertyToElementList (node_modules/typescript/lib/typescript.js:48424:49)

[meeshoogendoorn]

@mkucmus The problem was in the SfTable component from storefront-ui.

provide() {
    const table = {};
    Object.defineProperty(table, "updateColumnsCount", {
      value: this.updateColumnsCount,
    });
    return { table };
  },

This code above was returning in an exception Object.defineProperty called on non-object but in the typescript compiler it was not throwing this message. I will throw in issue in their repo.

[patzick]

thanks for bringing it up; looks like the problem with dependencies, please try the following steps:

1. update the version in package.json
2. yarn upgrade
3. yarn shopware-pwa init
4. yarn dev (do not use npx for anything else than init)

what else could help if not this:

• remove node_modules directory and yarn.lock file
• (DO BACKUP BEFORE) remove nuxt.config.js and invoke npx @shopware-pwa/cli init

if nothing from above works please show us your package.json and yarn.lock file