Quasar build: Could not resolve '../../utils/private.global/{}-dialog.js' Any thoughts? thanks!!

[apavel3458]

Hi I am getting this error when building quasar build. My node version is 20.11.1.

Any thoughts how to fix this? thanks so much!

Build mode............. spa
 Pkg quasar............. v2.15.3
 Pkg @quasar/app-vite... v1.8.2
 Pkg vite............... v2.9.18
 Debugging.............. no
 Publishing............. no

 App •  WAIT  • Compiling of SPA UI with Vite in progress...
Could not resolve '../../utils/private.global/{}-dialog.js' from node_modules/quasar/src/plugins/dialog/Dialog.js
/opt/aiscribe/client/node_modules/rollup/dist/shared/rollup.js:198
        base = Object.assign(new Error(base.message), base);
                             ^

Error: Could not resolve '../../utils/private.global/{}-dialog.js' from node_modules/quasar/src/plugins/dialog/Dialog.js
    at error (/opt/aiscribe/client/node_modules/rollup/dist/shared/rollup.js:198:30)
    at ModuleLoader.handleResolveId (/opt/aiscribe/client/node_modules/rollup/dist/shared/rollup.js:22464:24)
    at /opt/aiscribe/client/node_modules/rollup/dist/shared/rollup.js:22427:26 {
  code: 'UNRESOLVED_IMPORT',
  watchFiles: [

Here is my quasar.conf

/* eslint-env node */

/*
 * This file runs in a Node context (it's NOT transpiled by Babel), so use only
 * the ES6 features that are supported by your Node version. https://node.green/
 */

// Configuration for your app
// https://v2.quasar.dev/quasar-cli-vite/quasar-config-js


const { configure } = require('quasar/wrappers');
const path = require("path");


module.exports = configure(function (/* ctx */) {
  return {
    // https://v2.quasar.dev/quasar-cli-vite/prefetch-feature
    // preFetch: true,

    // app boot file (/src/boot)
    // --> boot files are part of "main.js"
    // https://v2.quasar.dev/quasar-cli-vite/boot-files
    boot: [
      'axios',
      'notify-defaults',
      'router'
    ],

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#css
    css: [
      'app.scss'
    ],

    // https://github.com/quasarframework/quasar/tree/dev/extras
    extras: [
      // 'ionicons-v4',
      'mdi-v7',
      // 'fontawesome-v6',
      // 'eva-icons',
      // 'themify',
      // 'line-awesome',
      // 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!

      'roboto-font', // optional, you are not bound to it
      'material-icons', // optional, you are not bound to it
    ],

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#build
    build: {
      target: {
        browser: [ 'es2019', 'edge88', 'firefox78', 'chrome87', 'safari13.1' ],
        node: 'node20'
      },

      vueRouterMode: 'hash', // available values: 'hash', 'history'
      // vueRouterBase,
      // vueDevtools,
      // vueOptionsAPI: false,

      // rebuildCache: true, // rebuilds Vite/linter/etc cache on startup

      // publicPath: '/',
      // analyze: true,
      // env: {},
      // rawDefine: {}
      // ignorePublicFolder: true,
      // minify: false,
      // polyfillModulePreload: true,
      // distDir

      // extendViteConf (viteConf) {},
      extendViteConf (viteConf, { isServer, isClient }) {
        Object.assign(viteConf.resolve.alias, {
          "@": path.join(__dirname, './src')
        })
        Object.assign(viteConf.define, {
          "global": {}
        })
      },
      // viteVuePluginOptions: {},

      // extendViteConf (viteConf) {
      //   viteConf.build.rollupOptions = {
      //     input: {
      //       VoiceProcessor: path.resolve(__dirname, 'src/pages/user/voice/VoiceProcessor.js'),
      //     },
      //     output: {
      //       entryFileNames: `assets/[name].[hash].js`,
      //       chunkFileNames: `assets/[name].[hash].js`,
      //     },
      //   };
      // },

      vitePlugins: [
        ['vite-plugin-checker', {
          vueTsc: {
            tsconfigPath: 'tsconfig.vue-tsc.json'
          },
          eslint: {
            lintCommand: 'eslint "./**/*.{js,ts,mjs,cjs,vue}"'
          }
        }, { server: false }]
      ]
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#devServer
    devServer: {
      // https: true
        open: false, // opens browser window automatically
        port: 8090,
    },

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#framework
    framework: {
      config: {},

      // iconSet: 'material-icons', // Quasar icon set
      // lang: 'en-US', // Quasar language pack

      // For special cases outside of where the auto-import strategy can have an impact
      // (like functional components as one of the examples),
      // you can manually specify Quasar components/directives to be available everywhere:
      //
      // components: [],
      // directives: [],

      // Quasar plugins
      plugins: ['Dialog', 'Notify'],
    },

    // animations: 'all', // --- includes all animations
    // https://v2.quasar.dev/options/animations
    animations: [],

    // https://v2.quasar.dev/quasar-cli-vite/quasar-config-js#sourcefiles
    // sourceFiles: {
    //   rootComponent: 'src/App.vue',
    //   router: 'src/router/index',
    //   store: 'src/store/index',
    //   registerServiceWorker: 'src-pwa/register-service-worker',
    //   serviceWorker: 'src-pwa/custom-service-worker',
    //   pwaManifestFile: 'src-pwa/manifest.json',
    //   electronMain: 'src-electron/electron-main',
    //   electronPreload: 'src-electron/electron-preload'
    // },

    // https://v2.quasar.dev/quasar-cli-vite/developing-ssr/configuring-ssr
    ssr: {
      // ssrPwaHtmlFilename: 'offline.html', // do NOT use index.html as name!
                                          // will mess up SSR

      // extendSSRWebserverConf (esbuildConf) {},
      // extendPackageJson (json) {},

      pwa: false,

      // manualStoreHydration: true,
      // manualPostHydrationTrigger: true,

      prodPort: 8090, // The default port that the production server should use
                      // (gets superseded if process.env.PORT is specified at runtime)

      middlewares: [
        'render' // keep this as last one
      ]
    },

    // https://v2.quasar.dev/quasar-cli-vite/developing-pwa/configuring-pwa
    pwa: {
      workboxMode: 'generateSW', // or 'injectManifest'
      injectPwaMetaTags: true,
      swFilename: 'sw.js',
      manifestFilename: 'manifest.json',
      useCredentialsForManifestTag: false,
      // useFilenameHashes: true,
      // extendGenerateSWOptions (cfg) {}
      // extendInjectManifestOptions (cfg) {},
      // extendManifestJson (json) {}
      // extendPWACustomSWConf (esbuildConf) {}
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-cordova-apps/configuring-cordova
    cordova: {
      // noIosLegacyBuildFlag: true, // uncomment only if you know what you are doing
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-capacitor-apps/configuring-capacitor
    capacitor: {
      hideSplashscreen: true
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-electron-apps/configuring-electron
    electron: {
      // extendElectronMainConf (esbuildConf)
      // extendElectronPreloadConf (esbuildConf)

      inspectPort: 5858,

      bundler: 'packager', // 'packager' or 'builder'

      packager: {
        // https://github.com/electron-userland/electron-packager/blob/master/docs/api.md#options

        // OS X / Mac App Store
        // appBundleId: '',
        // appCategoryType: '',
        // osxSign: '',
        // protocol: 'myapp://path',

        // Windows only
        // win32metadata: { ... }
      },

      builder: {
        // https://www.electron.build/configuration/configuration

        appId: 'qchart-client'
      }
    },

    // Full list of options: https://v2.quasar.dev/quasar-cli-vite/developing-browser-extensions/configuring-bex
    bex: {
      contentScripts: [
        'my-content-script'
      ],

      // extendBexScriptsConf (esbuildConf) {}
      // extendBexManifestJson (json) {}
    }
  }
});

[rstoenescu]

Hi,

The problem comes from the following quasar.conf.js configuration:

Object.assign(viteConf.define, {
  "global": {}
})

It replaces "global" str occurrences, even in import statements.

[rstoenescu]

Added a small refactoring to UI code (renamed some files) to not trigger such error (commit will be available in Quasar v2.16+), but still: that config should not be used.

[apavel3458]

Hey, thanks so my for your fast reply. It was required by one of the libraries, but didn't realize it was used by quasar. It worked on dev, but didn't error until I ran quasar build.

However, I can find an alternative solution for this.

LoginBox.vue:121 ReferenceError: global is not defined
    at node_modules/opus-media-recorder/OpusMediaRecorder.js (opus-media-recorder.js?v=30d355f3:591:24)
    at __require (chunk-OL3AADLO.js?v=30d355f3:9:50)
    at opus-media-recorder.js?v=30d355f3:926:35

By the way I want to thank you for maintaining such an awesome project and for your help to keep the community alive. Quasar is awesome, I use it for all my projects!