我无法捕获（承诺）TypeError：无法将属性'textContent'设置为null

Question

我要将js文件链接到多个HTML页面。在其中有声明的const输入字段的HTML页面之一中，这并没有给我带来错误。
它给我的错误是：

TypeError：无法将属性'textContent'设置为null

这是JS文件的代码：

const fullname = document.querySelector('#fullName');
const email = document.querySelector('#email');
const phonenumber = document.querySelector('#phone');
const gender = document.querySelector('#gender');
const address = document.querySelector('#address');
const state = document.querySelector('#state');
const country = document.querySelector('#country');

function renderUserData(doc){
    fullname.textContent = doc.data().fullname.toUpperCase();
    email.textContent = doc.data().email.toUpperCase();
    phonenumber.textContent = doc.data().phonenumber.toUpperCase();
    gender.textContent = doc.data().gender.toUpperCase();
    address.textContent = doc.data().address.toUpperCase();
    state.textContent = doc.data().state.toUpperCase();
    country.textContent = doc.data().country.toUpperCase();
}

这是我调用renderUserData函数的地方：

const setupUi = (user) => {
    if(user) {
        db.collection('users').doc(user.uid).get().then(doc => {
            renderUserData(doc);
        })
    } else {
//error
    }
}

我该如何解决？