73得票13回答
在TailwindCss中动态构建类名

我目前正在使用TailwindCss构建我的下一个项目的组件库,当我在Button组件上工作时遇到了一个小问题。 我传递了一个像'primary'或'secondary'这样的属性,该属性与我在tailwind.config.js中指定的颜色匹配,然后我想使用模板文字(Template li...

72得票16回答
如何在 Next.js 项目中获取页面 URL 或主机名?

我想在静态网站生成器上获取页面的完整URL或站点主机名,就像下面图片中的样子。 我将尝试使用window.location.hostname,但它不起作用。 错误信息: window未定义。

70得票5回答
出现错误信息'digital envelope routines',原因为'不支持',代码为'ERR_OSSL_EVP_UNSUPPORTED'。

我在学习Next.js时,按照这里的网站文档https://nextjs.org/docs/api-reference/create-next-app使用npx create-next-app命令时出现了错误。一切都正常,直到我启动服务器时,错误信息如下:$ npm run dev >...

69得票3回答
你正在导入一个需要使用useState的组件。它只能在客户端组件中使用,但是它的父组件中没有标记为"use client"。

下面的简单组件在使用useState时,在Next.js的app目录中抛出以下错误: “您正在导入一个需要useState的组件。它只能在客户端组件中工作,但是它的父组件都没有标记为"use client",所以它们默认是服务器端组件。” import { useState } from ...

69得票4回答
何时使用React框架,例如Next或Gatsby,而不是Create React App?

我正在进行React/javascript学习经验的快速原型设计阶段。 我想知道何时使用框架,例如Next.js或Gatsby.js,而不是标准的Create React App。 我真的很喜欢Next.js基于页面的结构和预加载链接的前景。 但是,我不确定何时会选择Next而不是CRA甚至...

67得票4回答
NextJS 13 <button onClick={}> 事件处理程序无法传递给客户端组件的 props。

错误:无法将事件处理程序传递给客户端组件的 props。 ^^^^^^^^^^ 如果您需要交互性,请考虑将部分内容转换为客户端组件。 const reqHelp = () =&gt; { Swal.fire({ title: '1', text:...

67得票11回答
如何在nextjs中使用不同的.env文件?

我希望为环境变量拥有不同的配置文件,并能在我的下一个项目中使用它们。我看到了使用dotenv的示例。 但我不喜欢在.env文件中定义变量,也在config.next.js文件中定义它们。如果由于某种原因我把变量放在.env文件中,但忘记将它们放在config.next.js文件中,代码就会出...

65得票13回答
Next.js 全局 CSS 只能从 Custom <App> 以外的文件中导入。

我的React应用程序一直很好,也使用了全局CSS。 我运行了npm i next-images,添加了一个图片,编辑了next.config.js文件,运行了npm run dev,现在我收到了这个消息: 全局CSS不能从除您的自定义&lt;App&gt;之外的文件中导入。请将所有全局...

62得票36回答
Tailwindcss在next.js中无法工作;配置有什么问题?

因为某些原因,tailwind 在 next.js 中无法正常渲染。我在想我的设置是否有问题?样式文件夹 - tailwind.css@tailwind base;/* Write your own custom base styles here */ /* Start purging......

61得票4回答
如何在Next.js Image中使用Tailwind CSS

我正在尝试在 Next.js 项目中使用 Tailwind CSS,但我无法在 Next.js Image 组件中使用我的 Tailwind 类。 这是我的代码:&lt;Image src={img.img} alt=&quot;Picture of the author&qu...