Web share api 是否在關閉時拋出未處理的錯誤，即使包含 try catch 塊？

Question

我只是想實現 web 共享 api，當我單擊按鈕時它可以工作，但每次我關閉它時它都會拋出未處理的錯誤。

以下是一些注意事項：

• 我正在使用 ios 模擬器 safari 瀏覽器進行測試。
• 它受支持，當我單擊按鈕時它可以工作
• 為什么我會收到未處理的錯誤 - 我認為我正在使用 try/catch 正確處理錯誤
• 為什么 web 共享 api 無論如何都會在關閉時拋出錯誤，這是怎么回事？

這是我的代碼：

import React from 'react';

function Share() {
  const handleShareClick = () => {
    try {
      navigator.share({
        title: 'My App',
        text: 'Check out this awesome app!',
        url: 'https://my-app.com'
      });
    } catch (error: any) {
      console.log(error);
    }
  };

  return (
    <div className="flex flex-col justify-center items-center w-full h-full p-2">
      <h1>This is share page</h1>
      <button className="bg-blue-500 p-4 text-white" onClick={handleShareClick}>
        Share this app
      </button>
    </div>
  );
}

export default Share;

這是一個錯誤嗎？ 我該怎么辦？

Answer 1

try catch 需要在異步 function 中。聲明 handleShareClick Async。