为什么在Webpack捆绑的index.html中%PUBLIC_URL%没有被替换？
在Webpack捆绑的index.html中，%PUBLIC_URL%没有被替换的原因可能是由于配置或使用方式不正确。
%PUBLIC_URL%是一个特殊的占位符，用于在Webpack构建过程中替换为公共资源的URL。它通常用于指定静态资源（如图片、字体等）的路径，以确保在不同环境下正确加载这些资源。
要解决%PUBLIC_URL%没有被替换的问题，可以尝试以下几个方面：
- 确认Webpack配置：在Webpack配置文件中，需要使用html-webpack-plugin插件来处理HTML文件，并将%PUBLIC_URL%替换为正确的URL。确保插件的配置正确，并且模板文件中包含了%PUBLIC_URL%占位符。
- 检查HTML模板：检查index.html模板文件，确保其中包含了%PUBLIC_URL%占位符，并且没有被其他代码或注释所干扰。确保占位符的大小写和格式与Webpack配置中的一致。
- 检查构建命令：如果使用命令行工具进行构建，确保构建命令中没有覆盖或修改了%PUBLIC_URL%的值。例如，使用webpack命令构建时，可以通过--env参数传递环境变量，而不是直接修改index.html文件。
- 检查环境变量：如果使用了自定义的环境变量，例如通过.env文件定义的变量，确保其中没有覆盖或修改了%PUBLIC_URL%的值。
如果以上步骤都没有解决问题，可以尝试搜索相关的Webpack文档、社区讨论或开发者论坛，查找其他开发者是否遇到了类似的问题，并寻找解决方案。
腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云数据库 MySQL 版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动应用开发平台（MPS）：https://cloud.tencent.com/product/mps
- 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
我正在尝试部署我的web应用程序的前端，但是当我部署到我的主机平台(当前是AWS Amplify/S3)时- website上没有显示任何内容 我使用create-react-app创建了应用程序，因此项目结构遵循它们的标准当我在本地运行应用程序时，它工作得很好。 从控制台错误，并查看由webpack生成的index.html页面，它看起来没有替换%PUBLIC_URL%
浏览 234提问于2020-04-12得票数 0
回答已采纳
看起来好像无法识别PUBLIC_URL。我想我不知道如何配置它。谢谢'/%PUBLIC_URL%/favicon.ico' at decodeURIComponent (<anonymous>) at
浏览 6提问于2018-06-13得票数 17
webpack诉4.20.2我正在使用webpack和webpack-dev-server运行一个react应用程序，并遇到关于%PUBLIC_URL%的一个问题URIError: Failed to decode param '/%PUBLIC_URL%/favicon.ico'
%PUBLIC_URL%没有在index.htm
浏览 0提问于2018-10-11得票数 11
在HtmlWebpackPlugin中，我应该如何以及在哪里添加指向css或js等文件的引用链接？以下是我的webpack配置文件： template: './src/index.html', inject: 'body'
浏览 3提问于2018-03-16得票数 2
首先，我使用初始化一个模板，使用npx create-react-app my-app来响应应用程序
我的应用node_modulespublic- images - `index.js`- `package-lock.json`
在HTML<head> i中，附加样式表引用 <link rel="stylesheet
浏览 8提问于2022-09-18得票数 0
我在运行我的react应用程序时遇到了问题，我遇到了这个错误： at decodeURIComponent (<anonymous>)var debug = process.env.NODE_ENV !% in index.html, e.
浏览 0提问于2017-07-05得票数 8
如何从webpack的index.html中自动删除所有文件中的初始斜杠(如<script src="/static/js/...">.)反应应用程序的所有路径？如何能够在命令行webpack.config.js创建的react项目中自定义npx create-react-app而不弹出它？
浏览 7提问于2022-03-02得票数 2
回答已采纳
在这里，我使用process.env.PUBLIC_URL来填充数据，但我没有填充该图像。下面给出了我编写的代码。></div></div> </div>)} </div> }我给出的路径是
浏览 1提问于2018-09-17得票数 0
Create React应用程序包含一个public/index.html，其中包含几个正被模板引擎替换的字符串。<link rel="manifest" href="%PUBLIC_URL%/manifest.json" /> 我的问题是，在CRA的配置文件或构建脚本中，%PUBLIC_URL%是在哪里被替换为其他值
浏览 12提问于2019-10-01得票数 0
回答已采纳
我正在尝试为我的第一个React webapp设置一个react-router，它似乎可以工作，但当我刷新页面时，css不会为我的嵌套页面加载。然而，它只适用于一个级别，例如/dashboard，但不能为/components/timer加载import '.}/> </Rout
浏览 3提问于2016-11-04得票数 31
我在努力使用最新的create-react-script构建的项目。但是，public/index.html中出现的%PUBLIC_URL%将被替换为空字符串，而不是预期值PUBLIC_URL。public/index.html包含如下代码
<script src="%<e
浏览 5提问于2017-03-09得票数 100
然而，我正在考虑把它踢出去，用Parcel.js代替Webpack。弹出后，我该怎么办？index.js文件在src文件夹中是我唯一需要的包文件吗？
浏览 2提问于2018-01-08得票数 15
回答已采纳
当前的React具有创建应用程序的工具：并构建要部署的应用程序：它使用像main.742a4123.js这样的文件名破坏了主JavaScript文件的缓存，但当我尝试这个应用程序时，CSS文件可能不会刷新，我可以在Chrome DevTools中禁用缓存，但普通用户怎么办？t=1491264234或style.742a4123.css，那么就没有必要进行这样<em
浏览 0提问于2017-04-04得票数 0
我正在尝试建立一个使用react.js的网站，我能够渲染图片，但我无法查看图片。我需要些帮助。我正在为一个客户创建一个网站。我正在尝试渲染来自Header.jsx的图像。图片保存在public/Images/Img1.jpg中。我有一个组件文件夹，如App.jsx，CreateArea.jsx，Header.jsx，Footer.jsx和Navbar.jsx。
浏览 25提问于2020-08-23得票数 0
回答已采纳
我在create-react-app中创建了我的应用程序，并且我有一个动态路径，可以通过id创建文档。问题是，当我在由创建的动态路径中重新加载页面时，它不会加载css或外部javascript，只包括HTML。如果有人可以帮助我，我将非常感谢。重新加载动态路由页面时
正如我告诉你的，当我从一开始进入页面时，一切都运行得很好&quo
浏览 6提问于2021-09-03得票数 0
用html-webpack-plugin和网络包，但是我想将捆绑的JS和CSS文件注入到另一个现有的html文件中。我没有在插件中找到任何选择。
我们有Asp.net MVC _layout.html。如果我使用模板选项，_layout.html中的内容就会中断，因为_Layout.html中更多的代
浏览 2提问于2022-07-06得票数 0
1回答
我有一个使用JSON文件检索文本内容和图像URL或相对路径的react应用程序(使用create-react-app生成，webpack也是如此)。如果JSON中的内容可能随着时间的推移而改变，保存这些映像的最佳方法是什么：
将图像保存在public文件夹<e
浏览 2提问于2017-05-25得票数 4
2回答
我有一个连接到ReactJS前端的NodeJS后端(不使用create-react-app)。(以上哈希替换为Webpack生
浏览 2提问于2018-08-05得票数 0
回答已采纳
我是新来的webpack。在开发模式下，我正在尝试访问src文件夹之外的资产文件。我在互联网上找到的唯一解决方案就是使用拷贝-webpack-插件。但我认为这是为了构建。但是因为我处于开发模式，所以所有的东西都会加载到内存中。我可能错了。这是我现在的文件结构，<!create a production bundle, use
浏览 0提问于2021-05-07得票数 0
2回答
如果我抓取我的"release“目录(webpack包、index.html和资产)的内容，并将它们放在服务器(apache、iis或nodejs/express)目录中，那么它工作得很好。出现了一个问题，在以下三个场景中，我得到了一个白色页面：
如果我试图在浏览器(没有服务器)中打开index.html页面，output.publicPath设置为"/“
浏览 3提问于2016-03-08得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
