Javascript React和Firebase图像上传显示net:：ERR\u超时

当我试图将图像上传到Firebase中时，我面临的问题是

net:：ERR\u超时

以下是我的配置：

import firebase from 'firebase/app';
import 'firebase/auth';
import 'firebase/firestore';
import 'firebase/storage';
const config = {
    apiKey: "example",
    authDomain: "example",
    databaseURL: "example",
    projectId: "example",
    storageBucket: "example",
    messagingSenderId: "example",
    appId: "example"
};
if (!firebase.apps.length) {
    firebase.initializeApp(config);
}
const auth = firebase.auth();
const storage = firebase.storage();
export {
    auth,
    firebase,
    storage
};

存储角色：

rules_version = '2';
service firebase.storage {
    match /b/{bucket}/o {
        match /{allPaths=**} {
        allow read, write: if auth != null; // tried also if true
        }
    }
}

在我的表单组件中：

import { storage } from '../../firebase';
state = {
    image: null,
    url: ''
};

handleChange = (e) => {
    if(e.target.files[0]){
        const image = e.target.files[0];
        this.setState(() => ({ image }))
    }
    // console.log(e.target.files[0])
}

handleUpload = () => {
    const { image } = this.state;
    const uploadTask = storage.ref(`images/${image.name}`).put(image);
    uploadTask.on('state_changed', 
    (snapshot) => {
        // progress function ....
    }, 
    (error) => {
        // Error function
        console.log(error)
    }, 
    () => {
        // Complete function
        storage.ref('images').child(image.name).getDownloadURL().then(url => {
            console.log(url)
        })
    });
}

render() {
    return (
        <div>
            <input 
                type="file" 
                onChange={this.handleChange}
            />
            <button onClick={this.handleUpload}>Upload</button>
        </div>
    );
}

从'../../firebase'导入{storage}；
状态={
图像：空，
url:“”
};
handleChange=（e）=>{
if（e.target.files[0]）{
const image=e.target.files[0]；
this.setState（（）=>（{image}））
}
//console.log（e.target.files[0]）
}
handleUpload=（）=>{
const{image}=this.state；
const uploadTask=storage.ref（`images/${image.name}`）.put（image）；
uploadTask.on（'状态已更改'，
（快照）=>{
//进度功能。。。。
}, 
（错误）=>{
//误差函数
console.log（错误）
}, 
() => {
//完全功能
storage.ref（'images'）.child（image.name）.getDownloadURL（）。然后（url=>{
console.log（url）
})
});
}
render（）{
返回(
上传
);
}

这是我的设置，但在点击上传后，它会显示

net:：ERR\u TIMED\u OUT

另一方面，插入、更新、删除与Firebase配合良好，但图像中存在问题

请问现在该怎么办

谢谢