create-react-app创建的项目npm run build之后静态文件找不到

create-react-app创建的项目npm run build之后，运行build中的index.html，什么都没显示，打开浏览器的F12，发现了几个红色的报错，提示几个文件找不到。

查看生成的index.html，发现，里面引用的js和css的路径都是以 "/...." 开头的。这样写就是绝对路径了，当然找不到。

正常的应该是相对路径，手动把index.html中的引用文件路径最开始的“/”符号挨个去掉，刷新页面果然成功显示了。

但总不能每次build以后都手动修改吧。

正确的修改方式在下面：

找到根目录下config文件夹里面的paths.js文件，找到以下这个函数。其中的 '/' 改为 './' 即可

function getServedPath(appPackageJson) {const publicUrl = getPublicUrl(appPackageJson);const servedUrl =envPublicUrl || (publicUrl ? url.parse(publicUrl).pathname : '/');return ensureSlash(servedUrl, true);
}

修改完以后，重新运行npm run build，就发现正常了。

转载于:https://www.cnblogs.com/yasw/p/10793180.html

create-react-app创建的项目npm run build之后静态文件找不到相关推荐

create react app创建的项目运行test的时候不能解析webpack的alisa配置的问题
使用babel插件npm install babel-plugin-module-resolver,并在.babelrc文件中加入如下: {"plugins": [["m ...
服务器生成文件怎么配置路径,npm run build生成的文件如何部署到服务器上
其实楼上两个人的回答都是对的,只不过侧重点不一样,一楼是大的方面说,配置好服务器就可以了,该怎么运行就怎么运行,只不过没有部署过项目的人可能就不知道怎么回事了:二楼说的应该是配置windos服务器的环 ...
react快速开始(二)-使用脚手架Create React App创建react应用
文章目录 react快速开始(二)-Create React App入门什么是Create React App 快速开始使用IDE webstrom创建react项目 create react a ...
vue项目npm run build后如何在本地查看效果
因为在本人实际开发过程中,遇到过这样的问题--部署到生产环境中的页面样式和本地开发环境中的样式差异巨大, 所以需要通过npm run build打包后,直接在本地查看效果,以便于及时将这些样式冲突类的 ...
在vue项目npm run build后，index.html中引入css和js 报MIME type问题
问题: 1.在vue项目中,build打包后,index页面打开会报错, MIME type ('text/html') ;报错内容:because its MIME type ('text/html ...
vue3.0项目 npm run build 编译
在项目根目录下新建文件vue.config.js文件,将下面的复制进去 module.exports = {publicPath: process.env.NODE_ENV === 'producti ...
解决：vue项目npm run build 打包后 :src路径里面的本地图片找不到。
问题描述及错误代码: // 本地运行.打包图片是ok的 <img src="../../static/images/orderSeeProgress0.png"> / ...
使用Maven创建Web项目后，jsp引入静态文件提示报错。JSP 报错：javax.servlet.ServletException cannot be resolved to a type...
用maven创建多模块的web工程后,不同于直接创建普通的web工程. 1.在普通的web工程创建后,在项目中会有tomcat等服务器的jar包,这时创建JSP文件肯定是没有错的: 2.即使是使用ma ...
如何使用Create React App DevOps自动化工作中所有无聊的部分
by James Y Rauhut 詹姆士·鲁豪(James Y Rauhut) 如何使用Create React App DevOps自动化工作中所有无聊的部分 (How I automate al ...

create-react-app创建的项目npm run build之后静态文件找不到

create-react-app创建的项目npm run build之后静态文件找不到相关推荐

最新文章

热门文章