AnalogJS + Firebase issues

[alexcibotari]

Please provide the environment you discovered this bug in.

https://github.com/Lessify/localess-web

Which area/package is the issue in?

platform

Description

After Upgrade from AnalogJS v1.6.2-beta2 to v1.7.2 I receive next error :

Please provide the exception or error you saw

**\node_modules\rxfire\auth\index.esm.js:1
import { onAuthStateChanged, onIdTokenChanged, getIdToken } from 'firebase/auth';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at wrapSafe (node:internal/modules/cjs/loader:1281:20)
    at Module._compile (node:internal/modules/cjs/loader:1321:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
    at Module.load (node:internal/modules/cjs/loader:1208:32)
    at Module._load (node:internal/modules/cjs/loader:1024:12)
    at cjsLoader (node:internal/modules/esm/translators:348:17)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24

Other information

No response

I would be willing to submit a PR to fix this issue

• Yes
• No

[brandonroberts]

Try adding rxfire/** to the ssr.noExternal array in the vite.config.ts. We're autodetecting SSR dependencies that need transforming, but this one may have not been picked up.

[alexcibotari]

Hello @brandonroberts , Error remains the same, with more details :

config

ssr: {
      noExternal: [
        '@angular/fire',
        'rxfire/**',
        'firebase/**',
        'firebase',
        'firebase-functions',
      ],
    },

error

(node:13904) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.
(Use `node --trace-warnings ...` to show where the warning was created)
16:47:50 [vite] Error when evaluating SSR module /node_modules/@angular/fire/fesm2022/angular-fire-auth.mjs: failed to import "rxfire/auth"
|- **\localess-web\node_modules\rxfire\auth\index.esm.js:1
import { onAuthStateChanged, onIdTokenChanged, getIdToken } from 'firebase/auth';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at wrapSafe (node:internal/modules/cjs/loader:1281:20)
    at Module._compile (node:internal/modules/cjs/loader:1321:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
    at Module.load (node:internal/modules/cjs/loader:1208:32)
    at Module._load (node:internal/modules/cjs/loader:1024:12)
    at cjsLoader (node:internal/modules/esm/translators:348:17)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)

16:47:50 [vite] Error when evaluating SSR module /node_modules/@angular/fire/fesm2022/angular-fire-analytics.mjs: failed to import "rxfire/auth"
|- **\localess-web\node_modules\rxfire\auth\index.esm.js:1
import { onAuthStateChanged, onIdTokenChanged, getIdToken } from 'firebase/auth';
^^^^^^

SyntaxError: Cannot use import statement outside a module
    at wrapSafe (node:internal/modules/cjs/loader:1281:20)
    at Module._compile (node:internal/modules/cjs/loader:1321:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
    at Module.load (node:internal/modules/cjs/loader:1208:32)
    at Module._load (node:internal/modules/cjs/loader:1024:12)
    at cjsLoader (node:internal/modules/esm/translators:348:17)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:297:7)
    at ModuleJob.run (node:internal/modules/esm/module_job:222:25)
    at async ModuleLoader.import (node:internal/modules/esm/loader:316:24)

16:47:50 [vite] Error when evaluating SSR module /src/app/app.config.ts: failed to import "rxfire/auth"
|- **\localess-web\node_modules\rxfire\auth\index.esm.js:1
import { onAuthStateChanged, onIdTokenChanged, getIdToken } from 'firebase/auth';
^^^^^^

[brandonroberts]

Fix is released in 1.7.3-beta.4

[alexcibotari]

Works