webpack: 解决 Automatic publicPath is not supported in this browser 错误

最新推荐文章于 2023-06-27 14:30:32 发布
最新推荐文章于 2023-06-27 14:30:32 发布
阅读量3.7k 收藏
点赞数
分类专栏： Webpack 文章标签： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50119334/article/details/109453897
版权
博客介绍了Webpack打包时出现 'Automatic publicPath is not supported in this browser' 错误的解决办法，只需在webpack.config.js文件中添加 'output: { publicPath: './' }' 即可解决该问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决 Automatic publicPath is not supported in this browser 错误

当webpack 打包出现
ERROR in Error: xxxx /******/ if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser"); ^ Error: Automatic publicPath is not supported in this browser

解决方法：
在webpack.config.js文件中添加
module.exports =
{
output: {
publicPath: ‘./’
}
}

即可解决

webpack报错大全
lscheng的博客
10-30 1032
本人在学习的时候遇到的一些问题及解决方法在此记录一下并且分享给大家。如有错误欢迎评论指正！ 文章目录一、Automatic publicPath is not supported in this browser问题1、起因2、解决方法二、Cannot find module 'webpack-cli/bin/config-yargs问题1、起因2、解决方法 一、Automatic publicPath is not supported in this browser问题 1、起因 最近在学习webpack之
Webpack（一）：基础使用
算云烟
01-28 464
文章有参看其他博主文章，本文章仅作用于简单回顾使用，不能作为新手入门教程 http://www.woc12138.com/article/45 https://segmentfault.com/a/1190000006178770 https://www.cnblogs.com/joyco773/p/9049693.html https://www.jianshu.com/p/941bfaf13be1/ https://www.cnblogs.com/minghui007/p/7390247.html
webpack5跑webpack-dev-server的时候报错Error: Automatic publicPath is not supported in this browser的解决方案
YanGo的博客
10-27 1807
最近跟着B站大佬视频学习webpack5手动配置webpack构建工具，遇到了这个问题。 问题描述： 在使用webpack-dev-server本地服务的时候，则报错Error: Automatic publicPath is not supported in this browser，如下图 各个工具版本 webpack @5.1.3 webpack-cli @4.0.0 node @10.11.0 报错原因分析: 首先我webpack打包出来后运行的html没有报错的。然后当我修改url-load
webpack打包时Error: Automatic publicPath is not supported in this browser
weixin_44974765的博客
01-12 422
问题描述 webpack打包时Error: Automatic publicPath is not supported in this browser 解决办法： 在webpack.config.js文件中的output中添加publicPath: ‘./’
webpack5打包错误（Automatic publicPath is not supported in this browser ）
茉莉蜜茶~~~
12-08 698
Automatic publicPath is not supported in this browser 错误 解决方法： //在webpack.config.js文件中添加 module.exports = { output: { publicPath: './' } }
解决：输入npx webpack-dev-server指令后报错 Error: Automatic publicPath is not supported in this browser
cake_eat的博客
10-29 298
解决方法：在output里面加上 publicPath:'./'
webpack打包报错：if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this browser“)
前端小白的逆袭
11-27 696
webpack打包报错：if (!scriptUrl) throw new Error("Automatic publicPath is not supported in this browser")
Webpack 打包 commonjs 和 esmodule 动态引入模块的产物对比
小王的技术库
06-30 810
⚠️超长代码预警，需要几个小时的时间去啃，但读懂以后应该会很开心。新建一个 文件夹，包含几个 文件，和一个 方法。其中 就是一个简单的加法模块。 和 都是一个 对象。 然后我们提供一个 模块，可以根据用户传入的参数，来引入不同的 文件返回给用户。 需要注意的上边 传入的模块名一定不能是一个纯变量，比如 ，不然 就不知道该打包哪些文件了。上边我们限定了目录位置 和文件名后缀 。这样 就会把 文件夹下所有的 文件进行打包。主函数 来调用 方法。 可以看一下控制台是正常输出：
webpack入门跟学笔记
lscheng的博客
10-30 1503
学习了两个星期，断断续续终于还是把webpack4学完了，我学习的时候webpack5是已经出来了的，但是大同小异先学webpack4再过渡到webpack5可以了解他们之间的差异，本次学习无项目实战，主要为webpack的配置详解，过程中因为版本问题也遇到了一些错误，在此记录我的学习笔记，这是跟做的版本，即有详细的步骤，后续还会想整理再发布一个知识点版的，大家一起进步！笔记如有错误，欢迎评论指正。 文章目录一、webpack概述1、什么是webpack2、需要提前掌握的内容3、最终掌握的webpack哪些
webpack打包图片无法显示
qq_40030159的博客
02-17 871
webpack打包图片无法显示 新手小白学习webpack 打包图片过程中遇到的问题 使用依赖版本 文件相对目录和webpack.config.js 若删除options里面的publicPathError: Automatic publicPath is not supported in this browser 原因参考链接http://www.79tui.com/happy/742090.html 上面是在css里面background属性添加背景图片，所以如果出现这样的问..
解决 Automatic publicPath is not supported in this browser 错误
xzlAwin的博客
10-15 5773
解决 Automatic publicPath is not supported in this browser 错误 问题描述：webpack 打包出现 Error: Automatic publicPath is not supported in this browser 解决方法： 在webpack.config.js文件中添加 module.exports = { output: { publicPath: './' } } ...
解决Automatic publicPath is not supported in this browser问题
weixin_47873829的博客
07-11 2825
解决Automatic publicPath is not supported in this browser问题 解决Automatic publicPath is not supported in this browser的报错 问题描述： 当我在webpack5进行打包的时候出现的错误 解决方案： 是因为打包图片的路径出现了问题，需要增加一个属性publicPath，才能正确的找到改图片 { test: /\.(png|jpg|gif|svg)$/, us
vite + vue + electron + cornerstoneJS 打包运行时报错：Error: Automatic publicPath is not supported......
qq_39480297的博客
06-21 1335
vite + cornerstoneJS 报错：Error: Automatic publicPath is not supported in this browser.
webpack报错： if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this
ZS74520的博客
12-20 541
报错 /******/ if (!scriptUrl) throw new Error(“Automatic publicPath is not supported in this browser”); Error: Automatic publicPath is not supported in this browser index.html:95 D:/fore-end/webpack/04-打包图片资源/src/index.html:95:33 index.html:98 D:/fore-e
webpack打包html中img标签引入的图片遇到的问题
lscheng的博客
10-18 1937
解决Automatic publicPath is not supported in this browser问题 一、起因 最近在学习webpack之时遇到了这个问题，问题是出现在学习打包html中的img标签之时，根据教程打，教程的loader配置是这样的 { test:/\.(jpg|png|gif)$/, //多个loader时，使用use，一个时可以直接使用loader //下载
‘webpack://antd/./components/time-picker/style/index.less‘ URL is not support (解决方法)
weixin_45966674的博客
10-15 928
这个问题一般发生于 在react项目的index.js中引入 import “antd/dist/antd.css”react-script升级到5乃至以上 就会 出现这个问题。两种办法都能解决问题 不过我个人比较推荐第一种。我比较推荐的解决办法是 将代码改成。还可以在自己的css文件中引入。简单说 你的版本太高了。
h5 打成andorid apk：Fetch API cannot load file:///a_asset/xxx.json. URL scheme “file“ is not support
06-27 2475
反H5代码打包成apk时遇到报错：Fetch API cannot load file:///a_asset/xxx.json. URL scheme "file" is not support。原因是js里调用了fetch方法，而fetch api不支持file:///。我遇到的原因是目录名称里有下划线，去掉下划线就可以了。
echarts 纵向柱状图
最新发布
12-31
### 如何使用 ECharts 创建纵向柱状图 为了创建一个纵向柱状图，在ECharts中需要调整`xAxis`和`yAxis`的设置，使横轴成为类目轴而纵轴成为数值轴。具体来说，可以通过交换原本用于定义横向柱状图中的`xAxis`与`yAxis`属性来实现这一点[^2]。 下面是一个简单的例子，展示了如何通过JavaScript代码构建这样的图表： ```javascript var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; option = { title: { text: '示例纵向柱状图' }, tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' } }, legend: {}, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { type: 'value' // 设置为数值型 }, yAxis: { type: 'category', // 类目型 data: ['类别一', '类别二', '类别三', '类别四', '类别五'] }, series: [ { name: '销量', type: 'bar', data: [24210, 32524, 50434, 52421, 98742], label: { show: true, position: 'insideRight' } } ] }; if (option && typeof option === 'object') { myChart.setOption(option); } ``` 这段脚本初始化了一个名为`myChart`的对象，并设置了其选项参数以显示一个基本的纵向条形图。其中最关键的部分在于`xAxis`被设为数值类型(`type:'value'`)，而`yAxis`则作为分类轴并指定了具体的类别数据。 此外，还可以进一步自定义样式和其他功能特性，比如添加提示框、网格线以及标签等元素，从而让图表更加美观易读。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值