搭建Next.js网站时遇到的问题

问题1：在构建 Next.js 网站时，遇到了不能将 CSS 文件导入到组件的问题。

解决方案： 使用 CSS 模块，并在组件中导入 CSS 文件。具体步骤如下：

1.在 Next.js 项目中创建 CSS 文件，例如 hello.module.css。

2.在组件中导入这个 CSS 文件：

import styles from './hello.module.css'

3.使用导入的样式名称：

<div className={styles.container}>Hello World!</div>

这种方法可以避免样式污染，并为每个组件提供私有 CSS 代码。

问题2：在构建 Next.js 网站时，遇到了关于 React 组件的错误：“Module not found: Can't resolve 'react'”。

解决方案： 重新安装 React 和 React-DOM。在终端中运行以下命令：

npm install --save react react-dom

或者使用 yarn：

yarn add react react-dom

如果已经安装这两个包，可以用以下命令尝试重新安装：

npm install --force

这应该能够解决任何缺失或损坏的 React 包问题。

问题3：在构建 Next.js 站点时，遇到了一个错误：“Server Error：cwd must be a string”。

解决方案： 在 package.json 文件中更改 “scripts” 字段，将 “start” 改为 “next”。如下所示：

"scripts": { "dev": "next dev", "build": "next build", "start": "next start" }

保存更改并重新启动项目。如果问题仍然存在，请确保使用正确的命令（使用 “next” 而不是 “start”）。