时间戳

首页 > 解决方案 > React + typescript 使用 CDN 脚本

javascript - React + typescript 使用 CDN 脚本

问题描述

我将 reactjs 与打字稿一起使用。我试图cdn在组件中使用脚本。

index.html and .tsx component 

// .tsx file
const handleScript = () => {
  // property 'someScript' does not exist on type 'Window & typeof globalThis'.
  window.someScript()
  // or with same error
  someScript()
}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <script defer src="https://some.script.org/script.js"></script>
  </head>
  <body>
    <div id="root"></div>
  </body>
</html>

任何想法如何解决这个问题？

标签： javascriptreactjstypescript

解决方案

解决

只需添加：

declare global {
    interface Window { someScript: any }
}

推荐阅读