fix(app-vite): correctly supply capacitor packages (and anything installed into /src-capacitor) #12812

Author: rstoenescu

app-vite/lib/config-tools.js

@@ -93,7 +93,9 @@ function createViteConfig (quasarConf, quasarRunMode) {
     mode: ctx.dev === true ? 'development' : 'production',
     cacheDir,
 
-    resolve: build.resolve,
+    resolve: {
+      alias: build.alias
+    },
     define: parseEnv(build.env, build.rawDefine),
 
     build: {

app-vite/lib/modes/capacitor/capacitor-config.js

@@ -2,11 +2,13 @@ const path = require('path')
 
 const appPaths = require('../../app-paths')
 const { createViteConfig, extendViteConfig } = require('../../config-tools')
+const escapeRegexString = require('../../helpers/escape-regex-string')
 
 const { dependencies } = require(appPaths.resolve.capacitor('package.json'))
 const target = appPaths.resolve.capacitor('node_modules')
 
 const depsList = Object.keys(dependencies)
+const capacitorRE = new RegExp('^(' + depsList.map(escapeRegexString).join('|') + ')')
 
 module.exports = {
   vite: quasarConf => {
@@ -19,6 +21,15 @@ module.exports = {
       cfg.resolve.alias[dep] = path.join(target, dep)
     })
 
+    cfg.plugins.unshift({
+      name: 'quasar:resolve-capacitor-deps',
+      resolveId (id) {
+        if (capacitorRE.test(id)) {
+          return path.join(target, id)
+        }
+      }
+    })
+
     if (quasarConf.ctx.prod === true) {
       cfg.build.outDir = appPaths.resolve.capacitor('www')
     }

app-vite/lib/quasar-config-file.js

@@ -430,17 +430,15 @@ class QuasarConfFile {
         __INTLIFY_PROD_DEVTOOLS__: cfg.metaConf.debugging
       },
 
-      resolve: {
-        alias: {
-          src: appPaths.srcDir,
-          app: appPaths.appDir,
-          components: appPaths.resolve.src('components'),
-          layouts: appPaths.resolve.src('layouts'),
-          pages: appPaths.resolve.src('pages'),
-          assets: appPaths.resolve.src('assets'),
-          boot: appPaths.resolve.src('boot'),
-          stores: appPaths.resolve.src('stores')
-        }
+      alias: {
+        src: appPaths.srcDir,
+        app: appPaths.appDir,
+        components: appPaths.resolve.src('components'),
+        layouts: appPaths.resolve.src('layouts'),
+        pages: appPaths.resolve.src('pages'),
+        assets: appPaths.resolve.src('assets'),
+        boot: appPaths.resolve.src('boot'),
+        stores: appPaths.resolve.src('stores')
       },
 
       vueRouterMode: 'hash',