React项目迁移后出现找不到模块"sass"报错，该如何解决？

先处理「找不到模块sass」的报错 #

直接在项目根目录执行安装命令：

npm install sass
# 用yarn的话执行这个
yarn add sass

create-react-app从v5版本开始不再默认包含sass依赖，必须手动安装。

解决复制代码后的其他潜在报错 #

• 核对资源导入路径：parcel和cra的路径解析逻辑有差异，比如项目中图片、字体等静态资源，若放在public目录下，引用时要加上%PUBLIC_URL%/前缀；若放在src目录下，确保相对路径书写正确。
• 同步依赖包：把原parcel项目package.json里的业务依赖（排除parcel相关的打包工具依赖）复制到新cra项目的package.json中，然后执行npm install重新安装，避免依赖缺失或版本不兼容。
• 检查parcel特有语法：比如parcel支持的部分导入方式或插件特性，换成cra兼容的写法，比如样式导入、文件处理逻辑等。

用create-react-app部署GitHub Pages的正确流程 #

1. 安装部署依赖：

npm install gh-pages --save-dev

2. 在package.json中添加配置：

"homepage": "https://你的GitHub用户名.github.io/仓库名称",
"scripts": {
  "predeploy": "npm run build",
  "deploy": "gh-pages -d build"
}

3. 执行部署命令：

npm run deploy

内容的提问来源于stack exchange，提问作者Tobi_009