vue项目使用mui 遇到的问题

报错原因就是:引入外部css文件中有svg引号问题， 譬如我引用的mui.css，所以在node_modules-->vue-awesome-mui-->mui-->dist-->css-->mui.css中到svg把单引号改成双引号 改这两处就可以重新打包了 转载于:https://www.cnblogs.com/MsHibiscus...

场景：页面三返回页面二，没有请求数据 问题原因：发现页面三返回页面二没有走mounted, 所以没有请求数据 页面二： 解决方法：在页面二监听路由来请求参数

把SVG用双引号包起来 background-image: url("data:image/svg+xml;charset=utf-8,\"<svg viewBox=\'0 0 120 120\' xmlns=\'http://www.w3.org/2000/svg\' xmlns:xlink=\'http://www.w3.org/1999/xlink\'><defs&g...

Vue中npm run build报“Error in parsing SVG: Unquoted attribute value” 自己做的一个Vue项目，在打包时老是报这个错误 # Error in parsing SVG: Unquoted attribute value 查了查网上说的，都说报错原因是压缩和抽离CSS的插件中只允许 SVG 使用双引号 就是项目中外部引入的CSS文件里的S...

js验证身份证号： var idNo = $('#id_card_no').val(); var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; if(!regIdNo.test(idNo)){ alert('身份证号填写有误'); return false; } js验证真实姓名：. var nam...

在vue项目用Mui做顶部滑动条的步骤： 1. 首先在Mui文件夹中找到 tab-top-webview-main.html 文件，拷贝需要的代码片段到项目中。 <div id="slider" class="mui-slider mui-fullscreen"> <div id="sliderSegmentedControl" class="mui-scroll-wra...

今天写一个vue项目出现了一个问题然后后续出现了好几个问题 一开始具体问题是：vue使用mui的横向tabber选项卡并使用区域滚动之后导致底部app.vue的底部菜单栏路由无法跳转 查到博客：https://blog.csdn.net/Arbort_/article/details/80882844 里面介绍了菜单栏不能跳转的问题，确实也是我遇到的问题 这个需要在app.vue（是app.vue...

mui.css引入到脚手架,打包时会报SVG图片属性错误(需要将mui.css文件中引入SVG图片的单引号改成双引号) mui严格模式(当webpack项目中引入mui.js,会报caller,callee，arguments在严格模式下无法使用的错误) 解决方式: 真正问题产生是由于babel-loader在编译代码时会加严格模式限制 方法一: .babelrc文件中忽略不需要使用严格模式...

复制的代码 空格有问题

building for production...Error processing file: static/css/app.36864bcdcb0e1117ee302ffebb939a36.css(node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection (rejection id: 3): postcs...

Vue3报错：VueCompilerError: Attribute name cannot contain

前言         MUI跟Element-ui都属于美化页面，个人觉得MUI用于移动端项目比较合适，Element-UI用于PC端。 了解         MUI不能通过npm或者yarn、cnpm下载，只能通过去网上下载的方式，亦或者利用HBuildX来辅助下载，可以在HBuildX里新创建H5+APP，用mui模板创建。然后抽取muid的js

1.符号写错 Compiled with problems:X ERROR in ./src/views/HomeView.vue?vue&type=script&lang=ts&setup=true (./node_modules/unplugin/dist/webpack/loaders/transform.js??ruleSet[1].rules[38].use[0]!./node_modules/unplugin/dist/webpack/loaders/transform

今天使用build打包vue项目的时候疯狂报错，报错信息如下： building for production...Error processing file: static/css/app.316977a049dccd7ae4089d9226e81a34.css (node:11888) UnhandledPromiseRejectionWarning: postcss-svgo: Error ...

用vue-cli脚手架，用mui这个框架，运行 npm run build 时 发生如下错误： Error processing file: static/css/app.efecf6dcdf8d2d9b19398fc99ecf888c.css (node:15116) UnhandledPromiseRejectionWarning: Unhandled promise rejection ...

加入这串就OK了 { test: /\.(eot|svg|ttf|woff|woff2)(\?\S*)?$/, loader: 'file-loader' },

整理一下Vue中一些常见的报错和bug，以及解决办法 示例1（文件名/路径发生错误） Compiled with problems:———编译问题： ERROR in ./src/router/index.ts 10:19-57 错误发生在 ./src/router/index.ts 第10行第19个字符到57字符 Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\..