Skip to content

In SSR mode, @quasar/app-webpack is required in the production dependence. #18022

@dongwa

Description

@dongwa

What happened?

When deploying a Quasar project in SSR mode with Webpack, I encountered an error: “missing @quasar/ssr-helpers/create-bundle.js dependency.”
I tried installing @quasar/ssr-helpers, but then another error occurred: “missing source-map dependency.”
Finally, I resolved the problem by moving @quasar/app-webpack from devDependencies to dependencies.

What did you expect to happen?

node index.mjs works well after building and installing production dependencies.

Reproduction URL

https://stackblitz.com/edit/quasarframework-stackblitz-templates-d3hvxvnb?file=src%2Fpages%2FIndexPage.vue&title=Quasar%20Framework%20-%20app-webpack%20v4

How to reproduce?

  1. create a quasar app with @quasar/app-webpack
  2. add ssr mode
  3. build ssr mode
  4. copy the dist directory to another directory without node_modules.
  5. install production dependence for dist directory
  6. node index.mjs

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

SSR Mode

Platforms/Browsers

No response

Quasar info output

Operating System - Darwin(24.5.0) - darwin/arm64
NodeJs - 22.14.0

Global packages
  NPM - 11.3.0
  yarn - 1.22.22
  pnpm - 10.5.2
  bun - Not installed
  @quasar/cli - 2.5.0
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.18.1 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 4.2.0 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.17.0 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.5.15 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.5.1
  pinia - 3.0.2 -- Intuitive, type safe and flexible Store for Vue
  eslint - 9.27.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.25.5 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - 5.5.4 -- TypeScript is a language for application scale JavaScript development
  @babel/core - 7.27.3 -- Babel compiler core.
  webpack - 5.99.9 -- Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 5.2.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - Not installed
  electron - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  quasar-app-extension-netlify - 0.0.2-beta.13 -- Deploy Quasar to netlify with SSR mode

Networking
  Host - bogon
  en0 - 10.192.137.95

Relevant log output

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions