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

刚开始学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);
}

函数加粗部分是修改路径