上传到Firebase：TypeError: uploadTask.on不是一个函数。

出现该错误的原因是uploadTask对象没有on函数。在Firebase中，uploadTask对象是由put方法返回的，而不是直接创建的。

以下是解决该问题的代码示例：

// 引入firebase
import firebase from 'firebase/app';
import 'firebase/storage';

// 初始化Firebase
const firebaseConfig = {
  // 配置信息
};

firebase.initializeApp(firebaseConfig);

// 获取存储引用
const storageRef = firebase.storage().ref();

// 获取要上传的文件
const file = ... // 文件对象

// 设置上传路径
const filePath = 'path/to/file.jpg';

// 使用put方法上传文件
const uploadTask = storageRef.child(filePath).put(file);

// 监听上传进度
uploadTask.on('state_changed', 
  (snapshot) => {
    // 上传进度的回调函数
    // 可以在这里更新UI显示上传进度
  },
  (error) => {
    // 错误处理函数
    console.log(error);
  },
  () => {
    // 上传完成的回调函数
    // 可以在这里获取上传后的文件URL等操作
    uploadTask.snapshot.ref.getDownloadURL().then((downloadURL) => {
      console.log('File available at', downloadURL);
    });
  }
);

在以上代码中，首先需要初始化Firebase，并获取存储引用。然后使用put方法将文件上传到指定路径，并将返回的uploadTask对象保存到变量中。

接下来，可以使用on方法来监听上传进度、错误和完成事件。其中，on方法接受三个参数：

• 第一个参数是事件类型，可以是state_changed（上传进度变化）、error（出错）或complete（上传完成）。
• 第二个参数是事件回调函数，根据不同的事件类型，可以在这里更新UI、处理错误或获取上传后的URL等。
• 第三个参数是上传完成的回调函数，可以在这里获取上传后的文件URL等操作。