为什么我不能在Next JS应用程序中使用CSS文件?[已关闭]

tjjdgumg  于 2023-08-04  发布在  其他
关注(0)|答案(1)|浏览(115)

**已关闭。**此问题需要debugging details。它目前不接受回答。

编辑问题以包括desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem。这将有助于其他人回答这个问题。
2天前关闭。
Improve this question
我在Next.js网站设计工作,并希望使用CSS文件的组件设计,但为什么我不能将它们导入到我的组件?是否可以在Next JS应用程序中使用,或者只能使用模块css文件?
我已经尝试了很多次在我的下一个js项目中导入CSS文件,但没有得到导入。我已经导入了全局CSS文件和模块CSS文件,但无法导入CSS文件

neekobn8

neekobn81#

如果你不想使用 module,而是一个全局的css文件,这会影响所有的组件和页面,那么是的,这是可能的。
但是如果你想为每个组件使用单独的css文件,那么模块就是解决方案。
请遵循此文档
创建一个pages/_app.js文件(如果尚未存在)。然后,导入styles.css文件。

import '../your_styles_file.css'
 
// This default export is required in a new `pages/_app.js` file.
export default function YourApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

字符串
由于样式表的全局性质,为了避免冲突,您只能在页面/_app. js中导入它们。styles.css * 中的这些样式将应用于应用程序中的所有页面和组件。

相关问题