[firebase storage] Expected a value of type 'JavaScriptObject', but got one of type 'ClientException' at using getData() method

[leeseho]

I'm trying to use firebase storage to store images data that occur during chat.
When I save a image data using putData, It work successfully. Also I've checked the image data has been saved at firebase storage console.

void sendImage() async {
    final chatKey = createChatKey(widget.userUid!);
    final storageRef = FirebaseStorage.instance.ref().child('chatImages/${widget.chatRoomUid}/$chatKey');
    await storageRef.putData(imageData!);
    //...
  }

but When I'm trying to use getData() method to read the image data, then error occur.
Error: Expected a value of type 'JavaScriptObject', but got one of type 'ClientException'

this is my read method.

  void setImageData(String chatKey) async {
    final imageRef = storageRef.child('chatImages/$chatRoomUid/$chatKey');
    print(imageRef);
    imageData = await imageRef.getData();
    setState(() {
      imageData = imageData;
    });
  }

The imageRef is output as follows, which appears to be a normal output.
Reference(app: [DEFAULT], fullPath: chatImages/20240324001EblwJscB1yNb7RWsedJDpB06ddG3/2024-04-08-18:46:05-889-EblwJscB1yNb7RWsedJDpB06ddG3)

any answer helps me. thanks.

[leeseho]

I've found a similar issue.

Instance of 'ClientException': type 'ClientException' is not a subtype of type 'JavaScriptObject' data assigned

Solution :

Go to flutter\bin\cache and remove a file named: flutter_tools.stamp

Go to flutter\packages\flutter_tools\lib\src\web and open the file chrome.dart.

Find '--disable-extensions'

Add '--disable-web-security'

it works for me.