如何在nextjs typescript中动态导入函数？

文章/答案/技术大牛

发布

1回答

reactjs、typescript、next.js

我正在使用一个名为react-st-modal的react模式库，并尝试导入一个名为useDialog的钩子。dynamic<Function>( import("react-st-modal").then(module => module.useDialog) as any) Dialog是一种类型，不能用作函数

浏览 14提问于2021-04-12得票数 1

1回答

我在nextjs中使用。由于 nextjs 做服务器端呈现，因此很难在nextjs中使用html2canvas。我使用nextjs提供的库导入html2canvas，现在我不知道如何在导入后使用html2canvas函数，如html2画布的文档所写。html2canvas = dynamic(() => import('html2canvas'),{ssr:false}) 当我按照用doc编写的步骤运行下面的

浏览 1提问于2019-12-30得票数 1

回答已采纳

1回答

在TypeScript中构建NextJS应用程序时需要使用NextPage吗

reactjs、typescript、next.js

在NextJS示例中，特别是展示如何在nextJS中使用TypeScript的示例中，它们没有使用NextPage类型。我的问题是，我在NextJS站点上找不到任何关于使用导入的接口NextPage的文档，特别是，下一个团队在他们的文档中遗漏了它。我应该使用NextPage吗？

浏览 1提问于2021-06-18得票数 1

2回答

NextJs:无法执行从TSX内的.ts文件导入的函数，引发ModuleNotFound错误

typescript、next.js、tsx、react-tsx

我有一个问题，可能与使用NextJs与typescript有关。，不仅仅是lodash函数。如果我将一个函数从.ts文件导入到我的.tsx文件中，然后在TSX中执行它，我会得到一个ModuleNotFound错误，有时也是ModuleNotFoundError: Module not found但是，我可以导入并执行从.js文件导入的自定义函数。使用TSX和Typescript时遗漏了一些东西。

浏览 61提问于2021-09-10得票数 0

1回答

(“节点_模块/下一步/类型/索引”)‘没有兼容的调用签名。

reactjs、typescript、next.js

我正在尝试使用next.js设置一个自定义服务器，如中详细介绍的那样，但这一次我使用的是类型记录。看来我不是以正确的方式导入nextjs。我遗漏了什么？== "production";我遗漏了什么？编辑:我使用的是最新版本v8.1.1-canary.55 nextjs

浏览 2提问于2019-06-23得票数 0

1回答

NextJS -SyntaxError中的导出:意外的标记‘AmCharts’

reactjs、typescript、next.js、amcharts、amcharts4

当我试图在NextJS项目中使用'@amcharts/amcharts4/core'包和其他amchart模块时，我得到了一个错误： SyntaxError: Unexpected token 'export' 在阅读了很多关于它的帖子和信息后，我发现这个问题非常有帮助，它让我找到了动态导入的解决方案，下面我将分享我如何解决它的解决方案。

浏览 62提问于2021-10-08得票数 1

2回答

类型记录转换警告:关键依赖项:依赖项的请求是表达式

angular、typescript

构建详细信息：Node: 15.12.0Angular: 11.2.3目前，我有以下进口：import * as ts from "typescript"; testingTranspile(){ const sanitized: string= leadLocation.replace/node_modules/typescript/lib/<e

浏览 21提问于2021-04-06得票数 0

2回答

服务器错误ReferenceError: Next.js中未定义窗口

javascript、reactjs、npm、next.js、clevertap

我正在尝试将CleverTap集成到我的Next.js应用程序中。遵循文档，但面临问题： import React, { useEffect, useState

浏览 15提问于2021-12-19得票数 -1

回答已采纳

1回答

如何在TypeScript中使用导入的JSON文件类型

reactjs、typescript、graphql、next.js

我有一个项目建立与NextJS，React，GraphQL和TypeScript。在这个项目中，我将一些静态JSON数据存储在../data/applications.json中 [ "id": "elector-v3", "apiPath": &

浏览 55提问于2021-11-05得票数 1

回答已采纳

1回答

在运行Dev时创建下一个应用程序类型记录不工作

typescript、next.js、create-react-app

我尝试使用nextjs+typescript命令设置一个npx create-next-app@latest --ts应用程序，所有安装都很好，但是当我运行dev函数时，我得到了关于Global的错误/#Typescript/NextJsTS/ts-next/styles/globals.css Global CSS cannot be imported from files other thanRead more: https://nextjs

浏览 6提问于2022-11-07得票数 0

1回答

如何解决SyntaxError:在打字设置中无法在NextJS中使用导入实现魔术？

reactjs、typescript、next.js、babeljs

尝试使用TypeScript在NextJS中实现魔术。遵循下面的示例/教程，它使用JS而不是TS：https://github.com/magiclabs/example-nextjs 问题:像这样导入Magic时 import { Magic } from

浏览 14提问于2021-09-17得票数 1

回答已采纳

1回答

如何动态导入命名导出TypeScript

typescript

ESLint仍然显示错误@typescript-eslint/explicit-function-return-type 如何在TypeScript中动态导入命名导出？

浏览 10提问于2020-05-15得票数 0

回答已采纳

1回答

警告:道具“did”不匹配。服务器："fc-dom-171“客户机："fc-dom-2”当在Next.js中使用Next.js时

reactjs、typescript、next.js、fullcalendar

上下文 See more info here: https://nextjs.org/docs/messages/react-hydration-error我已经做了研究，我发现我们可以使用动态导入

浏览 20提问于2022-05-06得票数 2

回答已采纳

2回答

动态导入- NextJS

javascript、node.js、reactjs、next.js、react-loadable

/creditCardScript"导入脚本。NextJS通过 (的包装器)解决了这个问题，它： const creditCardScript = dynamic(import("./creditCardScript"), { ssr: false });componentDidMount = () =

浏览 0提问于2019-01-01得票数 4

回答已采纳

2回答

在使用NextJS构建的容器应用中，是否可以使用React.JS应用作为微前端？

reactjs、next.js、micro-frontend

我有一个使用NextJS的网页。我想添加，在另一个repo中的香草React.JS应用程序，到这个NextJS网站。使用微前端架构。有可能吗？我应该从哪里开始呢？谢谢

浏览 5提问于2021-07-15得票数 0

1回答

Next.js "ReferenceError:窗口未定义“的gapi脚本

reactjs、next.js、google-api-js-client

我试过每一项工作，但是，由于某些原因，我一直在下面的屏幕截图中发现错误.不知道为什么？ReferenceError:未定义窗口，此错误发生在生成页面时。任何控制台日志都将显示在终端窗口中。调用Stack eval _modules/gapi-script/gapiScript.js (1:9) ./node_modules/gapi-script/gapiScript.js文件：./..next/server/pages/./id.js (98:1) webpack_require文件:/./..next/server/webpack-runtime.js (33:42) im

浏览 2提问于2022-11-02得票数 1

1回答

Jaydata - Typescript

typescript、jaydata

我使用jaysvcutil来编译OData $metadata和创建JayDataContext.js，这真的很棒，但我使用Typescript，我不想在typescript和其他第三方工具中使用导入/导出语法，如requirejs或systemjs，...jaysvcutil生成JayDataContext.d.ts，它的模块只能在typescript中导入！如何在没有导入语法的情况下编译JayDataContext.d.ts并使用它的声明

浏览 4提问于2016-10-03得票数 0

2回答

我试图在Next.js应用程序上插入一个NPM包作为插件，以避免“模块找不到:无法解决'child_process'”错误

javascript、node.js、reactjs、typescript、next.js

在我试图制作的next.js应用程序上，我很难让“google库”在component中工作。Click me </div> }我知道main()中的代码在常规节点应用程序中工作我制作了一个节点应用程序，我把这个函数放在一个index.js文件中，用node index.js运行它，它运行得很完美。问题是，当我使用yar

浏览 16提问于2022-04-29得票数 2

回答已采纳

2回答

如何仅在浏览器环境中执行函数

javascript、node.js、next.js、server-side-rendering

请注意，我是SSR和Nextjs应用程序的新手。我使用useLocalStorage钩子将用户数据保存到本地存储。一切都很好，但在我的终端( node js )中，我得到的消息窗口没有定义。有没有办法把这段代码包装在某种条件下，这样这个功能就只能在浏览器环境中执行了。我不确定我是否可以使用；如果( process.browser )//然后执行此操作... 有人能帮我解决这个问题吗？这是我的本地存储钩子，它只能在浏览器中运行，而不能在节点服务器上运行： import { useState } from

浏览 11提问于2020-04-15得票数 1

3回答

在typescript递归中动态导入vue文件

typescript、vue.js、vue-component

我试图在typescript中动态导入一个单独的文件vue组件，但得到了一个错误： /Users/lilei/Desktop/designer-web/node_modules/fork-ts-checker-webpack-plugin/lib/typescript.js:31794:32) at getDeclaredTypeOfTypeAlias (/Users/lilei/Desk

浏览 26提问于2019-03-13得票数 1

回答已采纳

点击加载更多