react-create-app打包过程遇到的问题

来源:互联网 发布:python做时间序列分析 编辑:程序博客网 时间:2024/06/02 05:55

刚开始学react,遇到的很多问题,先是搭建webpack,但是最后还是直接使用了react的脚手架直接上手,一开始项目写好的时候,却发现构建

npm run  build 构建好了,但是前面却多出了一条/,导致运行的时候页面都是空白的,显示为空..

就如上图所示

就如上图所示

后面在github的官网上终于找到了解决方法 ..

先执行

npm run jest 
//暴露webpack文件

 
找到config下面 paths.js
node_modules\react-scripts\config\ paths.js

45行到 49行

function getServedPath(appPackageJson) {
const publicUrl = getPublicUrl(appPackageJson);
const servedUrl =
envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : ‘./’); // 配置文件跟路径’/’ 修改这里
return ensureSlash(servedUrl, true);
}

函数加粗部分是修改路径