Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix server output bundling packages module resolving #59369

Merged
merged 3 commits into from
Dec 7, 2023

Conversation

huozhi
Copy link
Member

@huozhi huozhi commented Dec 7, 2023

We removed the forced resolving cjs package for app router when releasing v14 in #56960, which will resolve the ESM if possible since we're trying to bundle all packages for app router in RSC and Server Actions. There're cases that packages can't be bundled that we're providing a serverComponentsExternalPackages experimental flag which is widly used for packages that can't be bundled, they're remained as external.

In webpack it will output the module based on if they're cjs or esm external, where cjs external pkg output will be require('external-pkg') and esm one will be import('external-pkg'). This could change external-pkg to an async module if we resolve them as ESM, since dynamic import() will return a Promise. This causes few apps especially the ones with datdabase usage couldn't properly imports the APIs from externaled packages.

Solution

We'll not enable prefer esm resolving strategy for serverComponentsExternalPackages while resolving externals.

Fixes #57622
Fixes #58428

In turbopack we don't have this problem in dev mode, so I skipped it for now as turbopack also uses different strategy to bundle.

Closes NEXT-1822

@ijjk
Copy link
Member

ijjk commented Dec 7, 2023

Stats from current PR

Default Build
General Overall increase ⚠️
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
buildDuration 10.8s 10.8s N/A
buildDurationCached 5.8s 6s ⚠️ +200ms
nodeModulesSize 199 MB 199 MB ⚠️ +4.51 kB
nextStartRea..uration (ms) 428ms 421ms N/A
Client Bundles (main, webpack)
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
170-HASH.js gzip 26.7 kB 26.7 kB N/A
199.HASH.js gzip 181 B 185 B N/A
3f784ff6-HASH.js gzip 53.3 kB 53.3 kB
framework-HASH.js gzip 45.2 kB 45.2 kB
main-app-HASH.js gzip 240 B 243 B N/A
main-HASH.js gzip 31.7 kB 31.7 kB N/A
webpack-HASH.js gzip 1.7 kB 1.7 kB N/A
Overall change 98.5 kB 98.5 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
_app-HASH.js gzip 195 B 194 B N/A
_error-HASH.js gzip 183 B 182 B N/A
amp-HASH.js gzip 501 B 501 B
css-HASH.js gzip 321 B 321 B
dynamic-HASH.js gzip 2.5 kB 2.5 kB N/A
edge-ssr-HASH.js gzip 255 B 255 B
head-HASH.js gzip 349 B 350 B N/A
hooks-HASH.js gzip 368 B 369 B N/A
image-HASH.js gzip 4.27 kB 4.27 kB N/A
index-HASH.js gzip 255 B 256 B N/A
link-HASH.js gzip 2.6 kB 2.6 kB N/A
routerDirect..HASH.js gzip 311 B 309 B N/A
script-HASH.js gzip 384 B 384 B
withRouter-HASH.js gzip 307 B 306 B N/A
1afbb74e6ecf..834.css gzip 106 B 106 B
Overall change 1.57 kB 1.57 kB
Client Build Manifests
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
_buildManifest.js gzip 483 B 483 B
Overall change 483 B 483 B
Rendered Page Sizes
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
index.html gzip 527 B 530 B N/A
link.html gzip 541 B 542 B N/A
withRouter.html gzip 523 B 525 B N/A
Overall change 0 B 0 B
Edge SSR bundle Size
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
edge-ssr.js gzip 93.5 kB 93.5 kB N/A
page.js gzip 146 kB 146 kB N/A
Overall change 0 B 0 B
Middleware size
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
middleware-b..fest.js gzip 623 B 625 B N/A
middleware-r..fest.js gzip 151 B 151 B
middleware.js gzip 37.4 kB 37.4 kB N/A
edge-runtime..pack.js gzip 1.92 kB 1.92 kB
Overall change 2.07 kB 2.07 kB
Next Runtimes
vercel/next.js canary vercel/next.js fix/not-prefer-esm-for-external-pkg Change
app-page-exp...dev.js gzip 168 kB 168 kB
app-page-exp..prod.js gzip 93.9 kB 93.9 kB
app-page-tur..prod.js gzip 94.7 kB 94.7 kB
app-page-tur..prod.js gzip 89.2 kB 89.2 kB
app-page.run...dev.js gzip 138 kB 138 kB
app-page.run..prod.js gzip 88.6 kB 88.6 kB
app-route-ex...dev.js gzip 24 kB 24 kB
app-route-ex..prod.js gzip 16.7 kB 16.7 kB
app-route-tu..prod.js gzip 16.7 kB 16.7 kB
app-route-tu..prod.js gzip 16.3 kB 16.3 kB
app-route.ru...dev.js gzip 23.4 kB 23.4 kB
app-route.ru..prod.js gzip 16.3 kB 16.3 kB
pages-api-tu..prod.js gzip 9.37 kB 9.37 kB
pages-api.ru...dev.js gzip 9.64 kB 9.64 kB
pages-api.ru..prod.js gzip 9.37 kB 9.37 kB
pages-turbo...prod.js gzip 21.9 kB 21.9 kB
pages.runtim...dev.js gzip 22.6 kB 22.6 kB
pages.runtim..prod.js gzip 21.9 kB 21.9 kB
server.runti..prod.js gzip 49.4 kB 49.4 kB
Overall change 930 kB 930 kB
Commit: d938ac1

@ijjk
Copy link
Member

ijjk commented Dec 7, 2023

Tests Passed

@huozhi huozhi marked this pull request as ready for review December 7, 2023 16:37
@huozhi huozhi requested a review from shuding December 7, 2023 16:51
@huozhi huozhi merged commit 2874bc0 into canary Dec 7, 2023
70 checks passed
@huozhi huozhi deleted the fix/not-prefer-esm-for-external-pkg branch December 7, 2023 17:11
@khuezy
Copy link
Contributor

khuezy commented Dec 7, 2023

Thanks! Server Actions works on client import now 🙏

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Dec 22, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Next:^14] Server Action: Unexpected identifier "(action-browser)/..." 14.0.0 Server Actions webpack issues
4 participants