Error: Webpack Compilation Error ./node_modules/pretty-format/build/index.js 412:10

[moeyashi]

I faced this error.

Solution

My tsconfig was but.

"baseUrl": "../node_modules", → "include": [ "../node_modules/cypress", ... ]

before

{
  "compilerOptions": {
    "strict": true,
    "baseUrl": "../node_modules",
    "target": "es5",
    "lib": [
      "es5",
      "dom"
    ],
    "types": [
      "cypress",
      "@testing-library/cypress"
    ]
  },
  "include": [
    "**/*.ts"
  ]
}

after

{
  "compilerOptions": {
    "strict": true,
    "target": "es5",
    "lib": [
      "es5",
      "dom"
    ],
    "types": [
      "cypress",
      "@testing-library/cypress"
    ]
  },
  "include": [
    "../node_modules/cypress",
    "**/*.ts"
  ]
}

Quick fix solution

this is old solution

resolutions pretty-format version

package.json

{
  "resolutions": {
    "pretty-format": "^27.0.2" // this is cypress's pretty-format version
  }
}

Environments

• node 16.19.0
• yarn 1.22.19
• cypress 12.5.1
• win 10 pro 21H2 19044.2486

Error detail

Error: Webpack Compilation Error
./node_modules/pretty-format/build/index.js 412:10
Module parse failed: Unexpected token (412:10)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
|   }, Object.create(null));
| const getPrintFunctionName = options =>
>   options?.printFunctionName ?? DEFAULT_OPTIONS.printFunctionName;
| const getEscapeRegex = options =>
|   options?.escapeRegex ?? DEFAULT_OPTIONS.escapeRegex;
 @ ./node_modules/@testing-library/dom/dist/pretty-dom.js 10:43-67
 @ ./node_modules/@testing-library/dom/dist/index.js
 @ ./node_modules/@testing-library/cypress/dist/index.js
 @ ./node_modules/@testing-library/cypress/dist/add-commands.js
 @ ./node_modules/@testing-library/cypress/add-commands.js
 @ ./cypress/support/commands.ts
 @ ./cypress/support/e2e.ts
    at Watching.handle [as handler] (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\@packages\server\node_modules\@cypress\webpack-preprocessor\dist\index.js:231:23)
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Watching.js:99:9
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\Hook.js:154:20)
    at Watching._done (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Watching.js:98:28)
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Watching.js:73:19
    at Compiler.emitRecords (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Compiler.js:499:39)
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Watching.js:54:20
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Compiler.js:485:14
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Compiler.js:482:27
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\neo-async\async.js:2818:7
    at done (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\neo-async\async.js:3522:9)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook (C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\tapable\lib\Hook.js:154:20)
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\webpack\lib\Compiler.js:464:33
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\@packages\server\node_modules\graceful-fs\graceful-fs.js:143:16
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\@packages\server\node_modules\graceful-fs\graceful-fs.js:143:16
    at C:\Users\ut\AppData\Local\Cypress\Cache\12.5.1\Cypress\resources\app\node_modules\@packages\server\node_modules\graceful-fs\graceful-fs.js:61:14
    at FSReqCallback.oncomplete (node:fs:192:23)