zl程序教程

vue中遇到的坑

  • Vue项目element组件遇到的坑(记录篇持续更新)

    Vue项目element组件遇到的坑(记录篇持续更新)

    Input数字输入框<!-- 一般情况使用 type="number"存在问题:数字可为负数,且出现上增下减箭头 --> <el-input v-model="input" placeholder="请输入内容" type="number"></el-input> <!--

    日期 2023-06-12 10:48:40     
  • Vue上传文件遇到的问题[通俗易懂]

    Vue上传文件遇到的问题[通俗易懂]

    问题之前项目中前端使用了vue-cli,引入了上传组件,所以在上传文件时很容易,没有考虑太多问题。image-cropper组件中 有url属性,直接使用:url=”文件服务器地址”绑定上传的地址即可。<el-form-item label="讲师头像"> <!-- 头衔缩略图 --> <pan-thumb :image="teacher

    日期 2023-06-12 10:48:40     
  • 记录 vue-cli3 配置uat环境 遇到的打包问题[通俗易懂]

    记录 vue-cli3 配置uat环境 遇到的打包问题[通俗易懂]

    大家好,又见面了,我是你们的朋友全栈君。今天给前端页面配置一个新的可供切换的环境UAT:修改 package.json 的 scripts :"scripts": { "serve": "vue-cli-service serve", "build": "vue-cli-service bui

    日期 2023-06-12 10:48:40     
  • 2023年想运行vue-element-admin遇到的那些问题

    2023年想运行vue-element-admin遇到的那些问题

    vue刚火热的那些年,花裤衩的这个用vue开发后台管理系统也火热起来vue-element-admin。还有他那一系列的《手模手教你xxxxx》,很多人耳熟能详。 但是前端发展飞快,vue3已经出来,官方构建工具从vue-cli变成了vite。 当我现在去clone项目vue-element-admin,尝试开发环境跑服务时,发现各种报错和警告了。依赖太多最怕就是被依赖的变化啊。现在记录下,目

    日期 2023-06-12 10:48:40     
  • 解决搭建renren-fast-vue遇到的问题——sass版本问题

    解决搭建renren-fast-vue遇到的问题——sass版本问题

    安装提示sass版本不兼容64位 卸载sass 卸载时,可能安装 chromedriver,但是国外网站速度很慢,而且不易安装成功。 使用此命令安装: npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 安装完成后,卸载sass。 npm uninstall -

    日期 2023-06-12 10:48:40     
  • 坑爹的scss:怎样在vue项目安装使用scss(node-sass和sass-loader遇到的所有坑)

    坑爹的scss:怎样在vue项目安装使用scss(node-sass和sass-loader遇到的所有坑)

    我想在vue项目使用scss,结果花了大量时间。遇到了很多问题,经历了回滚。以及删除所有安装包。卸载更换不同的版本。。。。。。。。 现在专门理顺一下。 常规的操作方法:(这个方法是错的,可以直接跳过!正确的方法在最后面!) 1&#x

    日期 2023-06-12 10:48:40     
  • vue项目用npm安装sass包遇到的问题及解决办法

    vue项目用npm安装sass包遇到的问题及解决办法

      IDEA启动vue程序,浏览器访问时出现如下情况的关于node-sass的错误: 错误1: Module build failed (from ./node_modules/sass-loader/dist/cjs.js) Error:Cannot find module 'node-sass' 错误2: Module build failed (from ./node_modul

    日期 2023-06-12 10:48:40     
  • Vue 中遇到的错误

    Vue 中遇到的错误

    阅读目录 解决VUE启动问题(You may use special comments to disable some warnings)两种方法解决方法 一方法 二

    日期 2023-06-12 10:48:40     
  • 【Vue3】Vite打包发布错误若干问题解决方案,新手遇到的问题都在这里。

    【Vue3】Vite打包发布错误若干问题解决方案,新手遇到的问题都在这里。

    一、打包命令 npm run build 二、错误1:出现打包报错:块的大小超过限制,Some chunks are larger than 500kb after minification 在vite.config.js 中加入下面的代码 build: { chunkSizeWarningLi

    日期 2023-06-12 10:48:40     
  • 【Vue】在新电脑部署Vue项目时,遇到的常见错误解决方法

    【Vue】在新电脑部署Vue项目时,遇到的常见错误解决方法

    一、脚手架启动项目报错“npm ERR! missing script: serve” 1、输入npm run serve,启动项目出现错误: 2、解决办法:serv 名称不对 二、报错“‘VUE-CLI-SERVICE‘ 不是内部或外部命令” 1、如果有node_modules文件夹,

    日期 2023-06-12 10:48:40     
  • 如何在Vue3+js项目(脚手架)中使用(下载安装及运行)element-plus以及解决使用过程中遇到的问题

    如何在Vue3+js项目(脚手架)中使用(下载安装及运行)element-plus以及解决使用过程中遇到的问题

    文章目录 📋前言 🎯关于 ElementUI 框架描述 🧩设计原则 1️⃣一致 Consistency 2️⃣反馈 Feedback 3️⃣效率 Efficiency 4️⃣可控 Controllability 🧩环境支持 🎯安装element-plus &

    日期 2023-06-12 10:48:40     
  • [转]Vue中用props给data赋初始值遇到的问题解决

    [转]Vue中用props给data赋初始值遇到的问题解决

    原文地址:https://segmentfault.com/a/1190000017149162 2018-11-28更:文章发布后因为存在理解错误,经@Kim09AI同学提醒后做了调整,在此深表感谢。其他不足之处,还望不吝赐教。 前言 前段时间做一个运营活动的项目,上线后产品反馈页面埋点不对,在排查过程中发现,问题竟然是由于Vue中的data初始值导致,而data的初始值来自于props。为

    日期 2023-06-12 10:48:40     
  • 当半年不碰的webpack + vuejs项目重见天日时遇到的神坑!

    当半年不碰的webpack + vuejs项目重见天日时遇到的神坑!

    半年前的Vuejs项目,由于webpack环境一直是1.0的(现在是webpack4.0),倒不是说不会升级或者不敢升级。 总而言之。在我再次启动这个项目时: npm run dev / npm run build 不断的报出缺少某些模块的错误,起初我无所在乎的按着指导一个一个下载,下载了几个之后。我忽然发觉不对劲。 后来怀疑是webpack新版本的问题。将全局重装回了1.X版本。后来才知道这是

    日期 2023-06-12 10:48:40     
  • 在vue中使用async/await遇到的坑

    在vue中使用async/await遇到的坑

    最近无聊在搞一些新的东西,今天就遇到一个async/await的坑; 因为我用的不是vue官方的脚手架,所以遇到这样的问题: await is a reserved word 这样的警告,我猜应该是缺乏相关的解析器。 然后取掉await之后,又出现async出现问题: 好吧,只能google之。 查到相关资料后: 安装了babel-plugin-transform-runtime还有babel

    日期 2023-06-12 10:48:40     
  • 【Vue】Vue2做项目时遇到的小bug,简单总结一下~

    【Vue】Vue2做项目时遇到的小bug,简单总结一下~

    【Vue】Vue2做项目时遇到的小bug,简单总结一下~ 1-学会查看错误 2- 做404页面遇到的问题(报404错误) 发现:页面的url和前几个

    日期 2023-06-12 10:48:40     
  • 浅析如何升级vue-cli以及使用npm卸载包时遇到问题:npm ERR! code EEXIST(npm ERR! File exists: D:Programnodejsnode_globalvue-list.cmd - npm ERR! Move it away, and try again.)

    浅析如何升级vue-cli以及使用npm卸载包时遇到问题:npm ERR! code EEXIST(npm ERR! File exists: D:Programnodejsnode_globalvue-list.cmd - npm ERR! Move it away, and try again.)

      我的 vue-cli 还是 2.9.6,想建个 vue3 项目但是需要 vue-cli 4.5.0 以上,因为开始升级 vue-cli 之旅。   使用 npm install -g @vue/cli 升级显示成功之后,查看 vue -V 还是 2.9.6,不知道什么原因。后来查到说需要先卸载旧版本,再安装,所以试一下。 一、卸载旧版本   卸载命令:npm uninstall -g vue

    日期 2023-06-12 10:48:40     
  • Vue使用中遇到问题汇总(三)

    Vue使用中遇到问题汇总(三)

    1、后台session过期前端跳转到登录页面   axios 拦截器 可以拦截请求和返回,对于失效的情况后端可以返回一个状态码,如401, 使用axios拦截时判断是401,则跳转到指定页面,如login。本人项目中开发还没定接口规范,后端返回的就是success:true/false axios.interceptors.response.use((response) => {

    日期 2023-06-12 10:48:40     
  • Vue使用中遇到问题汇总(二)

    Vue使用中遇到问题汇总(二)

    1、vue cli使用npm run dev报错cannot get /   config/index.js里有两个环境:一个是build,一个dev。   在config/index.js里面修改,build:{assetsPublicPath:'./'};dev里面不需要修改,dev:{assetsPublickPath:'/'}。我本来在window上面开发的,后面移到linux上面,刚

    日期 2023-06-12 10:48:40     
  • Vue使用中遇到问题汇总(一)32个

    Vue使用中遇到问题汇总(一)32个

    1、安装一些需要编译的包:提示没有安装python、build失败等   因为一些 npm 的包安装需要编译的环境,mac 和 linux 都还好,大多都齐全 。window 用户依赖 visual studio 的一些库和python 2+,windows的小伙伴都装上: windows-build-tools python 2.x 2、can't not find 'xxModule' -

    日期 2023-06-12 10:48:40     
  • VuePress搭建文档网站遇到的一些坑点,中文路径,图片显示失败,打包白屏

    VuePress搭建文档网站遇到的一些坑点,中文路径,图片显示失败,打包白屏

    VuePress搭建文档网站遇到的一些坑点 前言 本篇记录用VuePress搭建文档网站时碰到的一些坑点和解决方案

    日期 2023-06-12 10:48:40     
  • vue中使用less出现的问题(style中使用less设置 scoped 遇到的坑)

    vue中使用less出现的问题(style中使用less设置 scoped 遇到的坑)

    最近在学vue的时候碰到的,在项目中的使用了 <style lang="less" scoped>,可以正常编译却不能启动成功,具体报错信息如下:   首先需要安装必要的插件 安装less依赖,npm install less less-loader --save  修改webpack.base.config.js 在该js中的modules中的rul

    日期 2023-06-12 10:48:40     
  • vue项目开发中遇到的几个问题

    vue项目开发中遇到的几个问题

    1、使用elment或者mintUI库时,需要全局引入ui库的css文件;然后在修改自己样式时,需要将自己的css文件引入到main.js中才会生效,全局引用2、使用v-html展示dom字符串时,相应的css文件中的样式是不会生效的,需要使用组件展示dom 3、axios使用,是需要一个qs的node模块,然后请求的数据格式是表单格式的,需要设置header的Content-Type格式 i

    日期 2023-06-12 10:48:40     
  • vue-cli3安装遇到的问题,卸载不掉旧版本,导致更新不了

    vue-cli3安装遇到的问题,卸载不掉旧版本,导致更新不了

    vue-cli4.x升级失败,vue-cli卸载不掉,vue-cli升级不了4.x, 原文在:https://juejin.im/entry/5bf7e88851882521c811423e 升级个vue-cli4.0,一直卸载不掉! 升级途中遇到的问题: #### 1.$npm uninstall vue-cli -g      //卸载vue-cli旧版本&l

    日期 2023-06-12 10:48:40