Am using Google Authentication in capacitorJS Project. I keep on getting
FirebaseError: Firebase: Error (auth/popup-blocked).
- Ive ensured that my browser isnt blockingf any pop-ups or redirects
- Ive ensured that Google Auth provider is enabled on firebase Console
- Am using @capacitor-firebase/authentication for Authentication
Here is my package.json
{
"name": "infinityhomes",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite",
"build": "tsc && vite build",
"preview": "vite preview",
"test.e2e": "cypress run",
"test.unit": "vitest",
"lint": "eslint",
"ionic:build": "npm run build",
"ionic:serve": "npm run dev -- --open"
},
"dependencies": {
"@capacitor/android": "^7.0.0",
"@capacitor/app": "^7.0.0",
"@capacitor/barcode-scanner": "^2.0.3",
"@capacitor/core": "^7.2.0",
"@capacitor/haptics": "^7.0.0",
"@capacitor/ios": "^7.0.0",
"@capacitor/keyboard": "^7.0.0",
"@capacitor/share": "^7.0.1",
"@capacitor/status-bar": "^7.0.0",
"@capawesome/capacitor-live-update": "^7.2.0",
"@ionic/react": "^8.0.0",
"@ionic/react-router": "^8.0.0",
"@radix-ui/react-alert-dialog": "^1.1.6",
"@radix-ui/react-avatar": "^1.1.3",
"@radix-ui/react-checkbox": "^1.1.4",
"@radix-ui/react-dialog": "^1.1.6",
"@radix-ui/react-dropdown-menu": "^2.1.6",
"@radix-ui/react-label": "^2.1.2",
"@radix-ui/react-popover": "^1.1.7",
"@radix-ui/react-radio-group": "^1.2.3",
"@radix-ui/react-scroll-area": "^1.2.3",
"@radix-ui/react-select": "^2.1.6",
"@radix-ui/react-separator": "^1.1.2",
"@radix-ui/react-slider": "^1.2.3",
"@radix-ui/react-slot": "^1.1.2",
"@radix-ui/react-switch": "^1.1.3",
"@radix-ui/react-tabs": "^1.1.3",
"@radix-ui/react-tooltip": "^1.1.8",
"@radix-ui/themes": "^3.2.1",
"@react-google-maps/api": "^2.20.6",
"@tailwindcss/vite": "^4.0.14",
"@types/react-router": "^5.1.20",
"@types/react-router-dom": "^5.3.3",
"capacitor-plugin-safe-area": "^4.0.0",
"class-variance-authority": "^0.7.1",
"clsx": "^2.1.1",
"date-fns": "^3.6.0",
"framer-motion": "^12.5.0",
"html5-qrcode": "^2.3.8",
"input-otp": "^1.4.2",
"ionicons": "^7.0.0",
"lucide-react": "^0.479.0",
"react": "^18.2.0",
"react-day-picker": "^8.10.1",
"react-dom": "^18.2.0",
"react-phone-number-input": "^3.4.12",
"react-router": "^5.3.4",
"react-router-dom": "^5.3.4",
"sonner": "^2.0.1",
"tailwind-merge": "^3.0.2",
"tailwindcss": "^4.0.14",
"tailwindcss-animate": "^1.0.7",
"uuid": "^11.1.0"
},
"devDependencies": {
"@capacitor-firebase/authentication": "^7.1.0",
"@capacitor/browser": "^7.0.0",
"@capacitor/cli": "^7.0.0",
"@capacitor/push-notifications": "^7.0.0",
"@testing-library/dom": ">=7.21.4",
"@testing-library/jest-dom": "^5.16.5",
"@testing-library/react": "^14.0.0",
"@testing-library/user-event": "^14.4.3",
"@types/firebase": "^2.4.32",
"@types/node": "^22.13.10",
"@types/react": "^18.0.27",
"@types/react-dom": "^18.0.10",
"@vitejs/plugin-legacy": "^5.0.0",
"@vitejs/plugin-react": "^4.0.1",
"cypress": "^13.5.0",
"eslint": "^9.20.1",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^5.1.0",
"eslint-plugin-react-refresh": "^0.4.19",
"firebase": "^11.2.0",
"globals": "^15.15.0",
"jsdom": "^22.1.0",
"terser": "^5.4.0",
"typescript": "^5.1.6",
"typescript-eslint": "^8.24.0",
"vite": "~5.2.0",
"vitest": "^0.34.6"
},
"main": "eslint.config.js",
"keywords": [],
"author": "",
"license": "ISC",
"description": ""
}
