非法的 URL 用于新的 iframe。

Question

我希望在我的Firebase项目中使用Google登录按钮；但是当我点击Google登录按钮时，出现以下错误：Uncaught Error: Illegal url for new iframe。

这是我的代码：

TY FOR YOUR HELP.

firebase.initializeApp({
 apiKey: '***',
 authDomain: 'https://***.firebaseapp.com',
 projectId: '***'
});


var ui = new firebaseui.auth.AuthUI(firebase.auth());
var uiConfig = {
  callbacks: {
    signInSuccessWithAuthResult: function(authResult, redirectUrl) {

      return true;
    },
    uiShown: function() {

      document.getElementById('loader').style.display = 'none';
    }
  },

  signInFlow: 'popup',
  signInSuccessUrl: 'https://***.web.app/',
  signInOptions: [

    firebase.auth.GoogleAuthProvider.PROVIDER_ID

  ],
  // Terms of service url.
  tosUrl: 'https://***.web.app/',
  // Privacy policy url.
  privacyPolicyUrl: 'https://***.web.app/'
};



ui.start('#firebaseui-auth-container', uiConfig);

 <script src="https://www.gstatic.com/firebasejs/7.4.0/firebase.js"></script>
  <script src="https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.js"></script>
<link type="text/css" rel="stylesheet" href="https://www.gstatic.com/firebasejs/ui/4.8.0/firebase-ui-auth.css" />
  <h1>Welcome to My Awesome App</h1>
<div id="firebaseui-auth-container"></div>
<div id="loader">Loading...</div>

- ATMYDN

Answer 1

我解决了我的问题，谢谢。

firebase.initializeApp({
 apiKey: '***',
 authDomain: // <--- I edit this->>>> '***.firebaseapp.com',
 projectId: '***'
});

只需删除 --> https://

- ATMYDN

---

在我的情况下，我在 process.env 中存储的值被放在引号中。移除引号解决了这个问题。 - Gustavo Santamaría

如果您的环境变量包含逗号，请将它们移除，这样错误就会消失。 - Felix Orinda

Answer 2

如果你的环境变量创建的文件包含：

1. 分号（:）- 请删除并替换为等号（=）
2. 无引号
3. 无逗号（引号和逗号）

请移除它们，希望错误会消失。

- suhelranaz

---

分享代码示例 - Hamza Iftikhar