修改create-react-app的Index.html后页面异常，请求技术帮助

• 先清缓存重构建：

  1. 执行 npm run build 重新生成静态资源，这个操作会自动处理%PUBLIC_URL%的路径替换
  2. 浏览器按 Ctrl+Shift+R（Windows）或 Cmd+Shift+R（Mac）强制刷新，彻底清除旧的缓存文件

• 确认manifest.json的link标签格式：
  必须保持为 <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />，这个占位符是create-react-app内置的，构建时会自动替换成正确的public路径，手动改相对路径很容易搞乱资源加载逻辑，进而影响页面样式和图片渲染

• 检查图片引用：
  组件里引用图片时，要么用import img from './xxx.jpg'的方式，要么用%PUBLIC_URL%/xxx.jpg的格式，别直接写相对路径，不然路径解析错误会导致图片比例变形

• 重置Index.html：
  如果上面的方法都没用，直接找create-react-app默认的Index.html模板内容覆盖当前文件，再重启项目试试

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