第一次做vue3的项目的时候，从网上找了一个现成的框架进行开发，刚开始开发使用element-plus的时候，我直接把ui代码粘贴进我的项目中，发现代码报错，错误如下：Compiledwithproblems:ERRORin./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true(./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js
第一次做vue3的项目的时候，从网上找了一个现成的框架进行开发，刚开始开发使用element-plus的时候，我直接把ui代码粘贴进我的项目中，发现代码报错，错误如下：Compiledwithproblems:ERRORin./src/views/layoutpages/system/Menus.vue?vue&type=template&id=07e451a3&ts=true(./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js
第一步：查看webpack和webpack-cli是否安装打开cmd，通过命令查看webpack-vwebpack-cli-v如果没有安装，要先进行安装可以通过npmviewwebpackversion/npmviewwebpack-cliversion查看当前webpack的最新版本可以通过npmviewwebpackversions查看当前webpack的所有版本（webpack-cli同理）通过命令安装webpack和webpack-cli如果先安装webpack，会提示报错，没有安装webpack-cli，所以先安装webpack-cli比较好安装的版本最好是webpack@4webp
第一步：查看webpack和webpack-cli是否安装打开cmd，通过命令查看webpack-vwebpack-cli-v如果没有安装，要先进行安装可以通过npmviewwebpackversion/npmviewwebpack-cliversion查看当前webpack的最新版本可以通过npmviewwebpackversions查看当前webpack的所有版本（webpack-cli同理）通过命令安装webpack和webpack-cli如果先安装webpack，会提示报错，没有安装webpack-cli，所以先安装webpack-cli比较好安装的版本最好是webpack@4webp
1.rem定义？首先css3规定1rem=html根节点的font-size，rem也就是rootem简写。为了方便计算通常设置根节点font-size=100px那么1rem=100px2.动态计算rem原理？核心思想：百分比布局可实现响应式布局，而rem相当于百分比布局。实现手段：动态获取当前视口宽度width，除以一个固定的数n，得到rem的值。表达式为rem=width/n*(window.devicePixelRatio||1)。这里考虑设备像素比。通过此方法，rem大小始终为width的n等分。无论设备可视窗口如何变化，始终设置rem为width的1/n.即实现了百分比布局。3.为
1.rem定义？首先css3规定1rem=html根节点的font-size，rem也就是rootem简写。为了方便计算通常设置根节点font-size=100px那么1rem=100px2.动态计算rem原理？核心思想：百分比布局可实现响应式布局，而rem相当于百分比布局。实现手段：动态获取当前视口宽度width，除以一个固定的数n，得到rem的值。表达式为rem=width/n*(window.devicePixelRatio||1)。这里考虑设备像素比。通过此方法，rem大小始终为width的n等分。无论设备可视窗口如何变化，始终设置rem为width的1/n.即实现了百分比布局。3.为
vue如何让PC端不同屏幕大小分辨率自适应前提：因为项目需求是在已有的项目里面增加自适应，不影响其他页面的已有的布局，以下方法仅供参考。1、安装postcss-px2rem、px2rem-loader、lib-flexiblenpminstallpostcss-px2rempx2rem-loader--savenpmilib-flexible--save2、在根目录src中新建util目录下新建flexible.js等比适配文件找到node_modules里的lib-flexible包,拷贝一份放在utils里面取名为flexible.js，修改lib-flexible的源码,(更改refre
vue如何让PC端不同屏幕大小分辨率自适应前提：因为项目需求是在已有的项目里面增加自适应，不影响其他页面的已有的布局，以下方法仅供参考。1、安装postcss-px2rem、px2rem-loader、lib-flexiblenpminstallpostcss-px2rempx2rem-loader--savenpmilib-flexible--save2、在根目录src中新建util目录下新建flexible.js等比适配文件找到node_modules里的lib-flexible包,拷贝一份放在utils里面取名为flexible.js，修改lib-flexible的源码,(更改refre
环境： "react":"^18.2.0", "react-dom":"^18.2.0", "react-router-dom":"^6.8.2", "sass":"^1.58.3",yarnadd@craco/cracopostcss-pxtoremlib-flexible1、创建craco.config.js2、将下方代码复制到craco.config.js中module.exports={style:{postcss:{mode:'extends',loaderOptions:{postcssOptions:{ident:'postcss',plugins:[['postc
环境： "react":"^18.2.0", "react-dom":"^18.2.0", "react-router-dom":"^6.8.2", "sass":"^1.58.3",yarnadd@craco/cracopostcss-pxtoremlib-flexible1、创建craco.config.js2、将下方代码复制到craco.config.js中module.exports={style:{postcss:{mode:'extends',loaderOptions:{postcssOptions:{ident:'postcss',plugins:[['postc
