suchen

Heim  >  Fragen und Antworten  >  Hauptteil

Vue – Supabase-Fehler beim Ausführen von NPM run npm

Also entwickle ich eine Vue-App. Später wollte ich mit Supabase ein Backend hinzufügen und auf Vercel bereitstellen. Nachdem ich jedoch das Backend-Element hinzugefügt habe, wird beim Ausführen von npm runserve der folgende Fehler ausgegeben:

ERROR  Failed to compile with 1 error                                                                                                                                                                                            1:31:54 PM

 error  in ./src/supabase.js

Module parse failed: Unexpected token (2:24)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/babel-loader/lib/index.js
 * ./node_modules/eslint-loader/index.js
You may need an additional loader to handle the result of these loaders.
| import { createClient } from "@supabase/supabase-js";
> var supabaseUrl = import.meta.env.VITE_SUPABASE_URL;
| var supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY;
| export var supabase = createClient(supabaseUrl, supabaseAnonKey);

Weiß jemand, was das bedeutet? Ich habe eine andere Vue-App mit Vite eingerichtet und sie läuft lokal einwandfrei, aber nicht so gut in dieser Vue-App, die nicht mit Vite eingerichtet ist.

P粉121081658P粉121081658272 Tage vor384

Antworte allen(1)Ich werde antworten

  • P粉129731808

    P粉1297318082024-03-28 09:42:42

    将 .env 变量从 VITE_SUPABASE_URL 更改为 VUE_APP_SUPABASE_URL,并将 import.meta.env 更改为 process.env。

    示例:

    从此

    import { createClient } from '@supabase/supabase-js'
    
    const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
    const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY
    
    export const supabase = createClient(supabaseUrl, supabaseAnonKey)

    至此

    import { createClient } from "@supabase/supabase-js";
    
    const supabaseUrl = process.env.VUE_APP_SUPABASE_URL;
    const supabaseAnonKey = process.env.VUE_APP_SUPABASE_ANON_KEY;
    
    export const supabase = createClient(supabaseUrl, supabaseAnonKey);

    Antwort
    0
  • StornierenAntwort