‘webpack://antd/./components/time-picker/style/index.less‘ URL is not support (解决方法)

最新推荐文章于 2023-06-27 14:30:32 发布
最新推荐文章于 2023-06-27 14:30:32 发布
阅读量711 收藏 1
点赞数 3
文章标签： webpack less javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45966674/article/details/127339040
版权

这个问题一般发生于 在react项目的index.js中引入 import “antd/dist/antd.css”
先来说原因
react-script升级到5乃至以上 就会 出现这个问题
简单说 你的版本太高了

我比较推荐的解决办法是 将代码改成

import "antd/dist/antd.min.css"

还可以在自己的css文件中引入

@import '~antd/dist/antd.css';

两种办法都能解决问题 不过我个人比较推荐第一种

瑞晟技术服务中心-耿瑞
关注
  • 3
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-electron打包后报错：Fetch API cannot load app://./EasyPlayer.wasm. URL scheme “app“ is not supported
zxstrive的专栏
08-26 1912
说是无法获取 app://./EasyPlayer.wasm，不支持“app”协议，我想不对啊，那app://./index.html怎么能访问呢？这就是 electron 自定义的一个协议，用于访问vue页面的，我的理解是这样子的。运行打包后的 electron 应用，打开控制台，发现app://./服务目录下没看到 EasyPlayer.wasm文件，什么情况？惊奇的发现，H265的视频居然可以看了！如下图所示，用红框框的地方，原来打包的时候是没有的。Object (可选)重新打包，运行程序！.....
electronic-react-redux-boilerplate：http：//hisasann.github.io20151208electron-react-redux-boilerplate
02-03
Webpack（浏览器） 萨斯 罗盘 React Redux 电子 入门 设置必要的文件。 npm i 和 bower i 和 bundle install --path vendor/bundle 经营网站 npm run local 运行电子 npm run electron 如果您想发布版本。 npm ...
FoodJs：https：//mike-makaryshyn.github.ioFoodJs
02-10
美食 Ivan Petrychenko从udemy课程获得的项目 npm我将安装所有packajes npx json-server db.js来为我们的后期查询模拟服务器npx webpack来编译新的变化
流星webpack：https：//medium.com@ardatanmeteor-with-webpack-in-2018-faster-compilation-better-source-handling-benefit-from-bc5ccc5735ef
02-05
流星Webpack 博客文章： : Meteor-Webpack为您提供了一个集成了现代Web捆绑程序Webpack和现代完美的全栈JavaScript框架Meteor的开发环境。 您只需要一个气氛包就可以开始。 ardatan:webpack 该项目包括一些具有流行的Frontend框架的示例，以及一个用现代Web项目捆绑器Webpack代替Meteor的捆绑器的编译器软件包。 您必须创建一个webpack.config.js文件，其中包含客户端和服务器代码的编译配置。 您可以自由选择项目中的目录结构，Webpack将根据您的条目定义来编译您的项目。 简单迁移 就像在Webpac
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
react项目引入antd报warning（Failed to parse source map: xxxx URL is not supported）
cos的博客
05-13 4624
应当查找文件中所有引入 antd 的地方，然后去除所有的antd.css引入，更改引入为antd.min.css
antd使用TimePicker时报错
Alison_Z的博客
08-06 2606
看报错的原因：最后一句，你可能有react的多个版本存在。然后点击下面的details可以看到文章最后建议我们可以npm ls react来看一下，于是有了我的第二张图 对于第二张图我们猜测可能时react的版本有问题，于是先对npm进行更新 得以解决。...
Failed to parse source map: ‘webpack://antd/./components/icon/style/index.less‘ URL is not supported
dupha的博客
05-20 3291
React18.x引入antd4.x的css后 index.less’ Failed to parse source map: 'webpack:URL is not supported 报错问题(下方有解决方案): Module Warning (from ./node_modules/source-map-loader/dist/cjs.js): Failed to parse source map: 'webpack://antd/./components/time-picker/style/ind
解决ie无法打开rtsp协议链接
james的专栏
11-18 5327
这是realplayer没设置好的缘故。 我们需要在媒体类型中重新设置一下。两种选择，一种是使realplayer成为通用媒体播放器，第二种手动配置媒体类型中选中下面的流媒体类型。helix server的流媒体服务还是不错的，虽然设置上比微软的流媒体服务要复杂。rtsp协议链接中有中文也可以正常解析。
h5 打成andorid apk：Fetch API cannot load file:///a_asset/xxx.json. URL scheme “file“ is not support
06-27 1358
反H5代码打包成apk时遇到报错：Fetch API cannot load file:///a_asset/xxx.json. URL scheme "file" is not support。原因是js里调用了fetch方法，而fetch api不支持file:///。我遇到的原因是目录名称里有下划线，去掉下划线就可以了。
react项目引入antd后npm start控制台报错(Failed to parse source map: ‘webpack://antd/./components/config-provid)
weixin_45921611的博客
11-14 1047
react引入antd后报错：Failed to parse source map: 'webpack://antd/./components/config-provider/style/index.less' URL is not supported
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在[email protected]中是没有问题的。 解决方案就是配置webpack的alias,将所有...
若依 cms 博客下载下来的前端代码，启动报错 node版本16.17.0. npm 8.15.0?
最新发布
10-27
error in ./node_modules/cherry-markdown/dist/cherry-markdown.esm.js Module parse failed: Unexpected token (1:1804289) You may need an appropriate loader to handle this file type, currently no ...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test
解决webpack4+升级webpack5+ vue-pdf不可用问题
06-09
ERROR in ./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/pdf.worker.js (./node_modules/vue-pdf/node_modules/worker-loader/dist/cjs.js!./node_modules/vue-pdf/node_modules/pdfjs-dist/es5/build/...
webpack打包时Error: Automatic publicPath is not supported in this browser
sunlando的博客
10-13 2025
webpack打包时Error: Automatic publicPath is not supported in this browser 在webpack.config.js中的output中添加publicPath:’/build(打包后存放的文件夹名)/’
游览器输入URL后出现Request method ‘GET‘ not supported报错
weixin_53277030的博客
08-06 4626
在用springboot快速起一个增删改查的项目时，在自己的代码使用@DeleteMapping以及@PutMapping注解后，在地址栏输入URL后报错。
react+antd解决样式不生效问题
Sunny_lxm的博客
03-18 8734
react创建项目时暴露webpack文件，添加antd时样式不生效，报错。更改webpack配置
Fetch API cannot load localhost:8000/api/login. URL scheme “localhost“ is not supported.解决方法
qq_26889291的博客
05-17 1884
将localhost:8000改成http://localhost:8000
能匹配webpack:///bb/aaa或webpack:///bbb或webpack:///ccc或webpack:///node_modules但是不能匹配webpack:///src
05-12
我可以给你一个简单的正则表达式，可以匹配这些字符串，但不能匹配以webpack:///src开头的字符串： ``` ^webpack:\/\/\/(bb\/aaa|bbb|ccc|node_modules)(?!\/src) ``` 这个正则表达式的意思是： - `^webpack:\/\/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值