S
Supabase•2w ago
emiliodeg

Building problems with Angular SSR and Supabase

Guys I'm deploying over netlify but I'm getting issues at building time my provider, environment file coming from ng g environements 
import { InjectionToken, makeEnvironmentProviders } from '@angular/core';
import { Environment, ENVIRONMENT } from '@env';
import { createClient } from '@supabase/supabase-js';
import { Database } from './database.types';

export const SUPABASE = new InjectionToken<
  ReturnType<typeof createClient<Database>>
>('SUPABASE');

export const provideSupabase = () =>
  makeEnvironmentProviders([
    {
      provide: SUPABASE,
      useFactory: (env: Environment) =>
        createClient<Database>(env.supabase.apiUrl, env.supabase.key),
      deps: [ENVIRONMENT],
    },
  ]);
import { InjectionToken, makeEnvironmentProviders } from '@angular/core';
import { Environment, ENVIRONMENT } from '@env';
import { createClient } from '@supabase/supabase-js';
import { Database } from './database.types';

export const SUPABASE = new InjectionToken<
  ReturnType<typeof createClient<Database>>
>('SUPABASE');

export const provideSupabase = () =>
  makeEnvironmentProviders([
    {
      provide: SUPABASE,
      useFactory: (env: Environment) =>
        createClient<Database>(env.supabase.apiUrl, env.supabase.key),
      deps: [ENVIRONMENT],
    },
  ]);
then I'm getting this, also in CICD 
Edge Functions bundling
────────────────────────────────────────────────────────────────

Packaging Edge Functions from .netlify\edge-functions directory:
 - angular-ssr
TypeError: Cannot read properties of undefined (reading 'Promise')
    at file://.../dist/angular-starter/server/chunk-V6MXVBME.mjs:2:296405
    ...

Bundling of edge function failed
────────────────────────────────────────────────────────────────

  Error message
  Could not load edge function at '...\.netlify\edge-functions\angular-ssr\angular-ssr.mjs'. More on the Edge Functions API at https://ntl.fyi/edge-api.

  Error location
  While bundling edge function

  Resolved config
  build:
    command: npm run build
    commandOrigin: config
    publish: C:\Users\Admin\angular-starter\dist\angular-starter\browser
    publishOrigin: config
  plugins:
    - inputs: {}
      origin: default
      package: "@netlify/angular-runtime"
Edge Functions bundling
────────────────────────────────────────────────────────────────

Packaging Edge Functions from .netlify\edge-functions directory:
 - angular-ssr
TypeError: Cannot read properties of undefined (reading 'Promise')
    at file://.../dist/angular-starter/server/chunk-V6MXVBME.mjs:2:296405
    ...

Bundling of edge function failed
────────────────────────────────────────────────────────────────

  Error message
  Could not load edge function at '...\.netlify\edge-functions\angular-ssr\angular-ssr.mjs'. More on the Edge Functions API at https://ntl.fyi/edge-api.

  Error location
  While bundling edge function

  Resolved config
  build:
    command: npm run build
    commandOrigin: config
    publish: C:\Users\Admin\angular-starter\dist\angular-starter\browser
    publishOrigin: config
  plugins:
    - inputs: {}
      origin: default
      package: "@netlify/angular-runtime"
any hint? also running ng run build I get this 
...
▲ [WARNING] Module 'whatwg-url' used by 'node_modules/@supabase/node-fetch/lib/index.js' 
is not ESM
▲ [WARNING] Module '@supabase/node-fetch' used by 'node_modules/@supabase/supabase-js/dist/module/lib/fetch.js' is not ESM
...
▲ [WARNING] Module 'whatwg-url' used by 'node_modules/@supabase/node-fetch/lib/index.js' 
is not ESM
▲ [WARNING] Module '@supabase/node-fetch' used by 'node_modules/@supabase/supabase-js/dist/module/lib/fetch.js' is not ESM
could it be those warnings?
0 Replies
No replies yetBe the first to reply to this messageJoin

Did you find this page helpful?