Question

我正在维护一个由Vercel主办的下一个JS和Redux网站。

新添加的功能需要大块的 JavaScript, 所以我把它写在一个分离的文件里, 并在特性组件中使用标记。

由于 redux 的用法, 我无法在脚本本身中使用一个初始化器, 而是在页面准备好后立即拨打它。

虽然我的 IDE 由于内部未知的函数调用在 SomeFeture. init () 上标记了一个错误, 但该功能在我的 dev 环境上完全正常, 因为函数是在页面准备时设定的。

然而,在建造:

Failed to compile. Type error: Cannot find name  SomeFeature .

代码看起来像是:

"use client"

import Script from  next/script ;

...

export default () => {
  return (
    <>
        <div>....</div>
        <Script type="text/javascript" src="/scripts/SomeFeature.js" onReady={() => { SomeFeature.init() }} />
    </>
  )
}

使用上述设置在网页Ready上启动外部联署材料代码的正常方法是什么? 不幸的是,我还没有找到任何可行的资源。

Answer 1

我最后在根文件夹中创建了一个全局.d.ts文件,其代码如下:

export {};

declare global {
  interface Window {
    SomeFeature: {
      initialize: () => void;
    };
  }
}

我不知道这是不是最好的办法但它解决了建筑时间的问题

友情链接