Bug: webpack parse error in Next.js
mxstbr opened this issue · comments
Description
Using Fuse with Next.js, when I run next dev I get an ugly parse error in my terminal despite everything looking like it works fine:
yarn dev
yarn run v1.22.17
$ next dev
▲ Next.js 14.0.5-canary.41
- Local: http://localhost:3000
- Environments: .env.local
- Experiments (use at your own risk):
· ppr
automatically enabled Fast Refresh for 1 custom loader
✓ Ready in 1880ms
○ Compiling /api/fuse ...
✓ Compiled /api/fuse in 1177ms (636 modules)
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/codegen.js for build dependencies failed at 'import(isESMModule
<w> ? /**
<w> * For ESM we currently have no "resolve path" solution
<w> * as import.meta is unavailable in a CommonJS context
<w> * and furthermore unavailable in stable Node.js.
<w> **/
<w> mod
<w> : relativeRequire.resolve(mod))'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js for build dependencies failed at 'import(relativeRequire.resolve(mod, {
<w> paths: [process.cwd()],
<w> }))'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+url-loader@8.0.1_@types+node@20.9.0_graphql@16.8.1/node_modules/@graphql-tools/url-loader/esm/index.js for build dependencies failed at 'import(`${moduleName}`)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+load@8.0.1_graphql@16.8.1/node_modules/@graphql-tools/load/esm/load-typedefs/collect-sources.js for build dependencies failed at 'import(m)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js for build dependencies failed at 'import(m)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/load-from-module.js for build dependencies failed at 'import(filepath)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Can't resolve 'svelte2tsx' in '/Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm'
<w> while resolving 'svelte2tsx' in /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm as file
<w> at resolve esm file svelte2tsx
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm/index.js
<w> at resolve esm file @graphql-tools/graphql-tag-pluck
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js
<w> at resolve esm file @graphql-tools/code-file-loader
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/load.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/load.js
<w> at resolve esm file ./load.js
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js
<w> at resolve esm file ./config.js
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/index.js
<w> at resolve esm file @graphql-codegen/cli
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/fuse@0.12.1_@types+node@20.9.0_next@14.0.5-canary.41_react@18.2.0_typescript@5.2.2/node_modules/fuse/dist/next/plugin.mjs
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/fuse@0.12.1_@types+node@20.9.0_next@14.0.5-canary.41_react@18.2.0_typescript@5.2.2/node_modules/fuse/dist/next/plugin.mjs
<w> at resolve esm file fuse/next/plugin
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
<w> at resolve commonjs /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/codegen.js for build dependencies failed at 'import(isESMModule
<w> ? /**
<w> * For ESM we currently have no "resolve path" solution
<w> * as import.meta is unavailable in a CommonJS context
<w> * and furthermore unavailable in stable Node.js.
<w> **/
<w> mod
<w> : relativeRequire.resolve(mod))'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js for build dependencies failed at 'import(relativeRequire.resolve(mod, {
<w> paths: [process.cwd()],
<w> }))'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+url-loader@8.0.1_@types+node@20.9.0_graphql@16.8.1/node_modules/@graphql-tools/url-loader/esm/index.js for build dependencies failed at 'import(`${moduleName}`)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+load@8.0.1_graphql@16.8.1/node_modules/@graphql-tools/load/esm/load-typedefs/collect-sources.js for build dependencies failed at 'import(m)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js for build dependencies failed at 'import(m)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/load-from-module.js for build dependencies failed at 'import(filepath)'.
<w> Build dependencies behind this expression are ignored and might cause incorrect cache invalidation.
<w> [webpack.cache.PackFileCacheStrategy] Caching failed for pack: Error: Can't resolve 'svelte2tsx' in '/Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm'
<w> while resolving 'svelte2tsx' in /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm as file
<w> at resolve esm file svelte2tsx
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+graphql-tag-pluck@8.2.0_graphql@16.8.1/node_modules/@graphql-tools/graphql-tag-pluck/esm/index.js
<w> at resolve esm file @graphql-tools/graphql-tag-pluck
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-tools+code-file-loader@8.1.0_graphql@16.8.1/node_modules/@graphql-tools/code-file-loader/esm/index.js
<w> at resolve esm file @graphql-tools/code-file-loader
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/load.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/load.js
<w> at resolve esm file ./load.js
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/config.js
<w> at resolve esm file ./config.js
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/index.js
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/@graphql-codegen+cli@5.0.2_@parcel+watcher@2.4.0_@types+node@20.9.0_graphql@16.8.1_typescript@5.2.2/node_modules/@graphql-codegen/cli/esm/index.js
<w> at resolve esm file @graphql-codegen/cli
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/fuse@0.12.1_@types+node@20.9.0_next@14.0.5-canary.41_react@18.2.0_typescript@5.2.2/node_modules/fuse/dist/next/plugin.mjs
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/node_modules/.pnpm/fuse@0.12.1_@types+node@20.9.0_next@14.0.5-canary.41_react@18.2.0_typescript@5.2.2/node_modules/fuse/dist/next/plugin.mjs
<w> at resolve esm file fuse/next/plugin
<w> at file dependencies /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
<w> at file /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
<w> at resolve commonjs /Users/mxstbr/projects/rauchg/next-ai-news/next.config.mjs
^C
Reproduction: Run this PR to next-ai-news locally and run next dev
Versions
- TypeScript Version: ^5
- Fuse version: 0.12.1
Odd, looks like it tries to follow the codegen import and that results in that issue. Will checkout the codegen issues to get some context