This is a demo repository for nuxt/15239
The issue is probably in vue. See vue only reproduction
-
Start a production server
# install and build npm ci npx nuxi build # start a dev server node .output/server/index.mjs -
Open
localhost:3000 -
Open chrome, open Memory devtools
-
Click on
Go to /page/firstlink Additional 1.5mb was allocated forTheListcomponent -
Click on one of
Back to indexlinks -
Navigate between
/and/page/first(or/page/second) a few times
When Allocation instrumentation is recorded, a bunch of 1.5mb allocations for the components can be seen
After forcing gc on / some of allocated ram for /page/first is cleared, but most of it isn't
Look at the Nuxt 3 documentation to learn more.
Make sure to install the dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun installStart the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run devBuild the application for production:
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run buildLocally preview production build:
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run previewCheck out the deployment documentation for more information.