vue踩坑-This dependency was not found

* vux in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue To install it, you can run: npm install --save vux 解决办法: 执行命令:npm install --save vux…

vue踩坑记

vue踩坑记易错点语法好难啊qwq 不要把'data'写成'date' 在v-html/v-bind中使用vue变量时不需要加变量名在非vue事件中使用vue中变量时需要加变量名正确 <div id="vue"> <button onclick="vm.ColorRed=vm.ColorRed^1">gg</button> <div v-html="site" v-bind:class="…

vue踩坑之旅 -- computed watch

vue踩坑之旅 -- computed watch 经常在使用vue初始化组件时,会报一些莫名其妙的错误,或者,数据明明有数据,确还是拿不到,这是多么痛苦而又令人忍不住抓耳挠腮,捶胸顿足啊技术点 vue + element + ehcarts + vuex + vue-router 问题再现 data() { return { option: { chart: '' //echarts的实例 } } }, //钩子函数 mounted() { this.chart = echarts.init…

『vue踩坑日常』在index.html中引入静态文件不生效

Vue日常踩坑日常 -- 在index.html中引入静态文件不生效问题本文针对的是Vue小白,不喜勿喷,谢谢出现该问题的标志如下控制台warning(Resource interpreted as Stylesheet but transferred with MIME type text/html) 出现的原因及解决办法第一种可能出现原因就是引入的静态文件在src文件夹内,这种的解决办法就是把资源引入静态资源的目录static 第二种可能出现的原因就是有单独的静态资源目录但是名字不叫…

vue踩坑(二):跨域以及携带cookie

最近后台需求要在请求的时候传cooki给后台,正常情况下拿到cookie后存在cookie里,同域名下是会自己带到请求头里的,但是因为要在本地调试,那么问题就来了,localhost:8080下面的cookie是不会带到线上的请求头里的,于是问题产生了,好了废话不多说,看看我踩坑的过程吧,希望对大家有所帮助. 首先我在main.js里面加了这么一段代码这段代码我网上搜了下说是叫拦截器,意思就是你可以在所有的接口请求之前可以先执行你的方法,比如说:我后返回401是没有登录,那么我就可以在ne…

vue 踩坑记录

1.绑定双击事件用 @dblclick 不要用@ondblclick 在vue中@=on 2.Vue中路由跳转踩坑. 比如我的路由如下定义 routes: [ { path: "/", name: "index", component: Index }, { path: "/gallery", name: "gallery", component: Gallery, children: [ { path: "top…

Vue踩坑系列

前言前端开发对于vue的使用已经越来越多,它的优点就不做介绍了, 本篇是我对vue使用过程中遇到的问题中做的一些总结,帮助大家踩坑.如果喜欢的话可以点波赞,或者关注一下,希望本文可以帮到大家!!! 本篇介绍的问题大概如下: 路由变化页面数据不刷新问题 setTimeout/setInterval(泛指异步回掉函数的this指向)this指向改变,无法用this访问VUe实例 setInterval路由跳转继续运行并没有及时进行销毁 vue 滚动行为用法,进入路由需要滚动到浏览器底部头部等等…

Vue踩坑日记-This dependency was not found：element-ui.js

该问题为在Vue启动项目时候报错找不到element-ui模块解决办法:打开CMD 控制台 CD到项目根目录我的目录(C:\Users\Administrator\Desktop\cms-heli\heli-cms) 并执行 npm命令安装模块 npm i element-ui -S 之后一路回车安装完成后,在项目根目录输入 :npm run dev 来启动项目启动成功后在浏览器访问:http://localhost:8080 访问页面…

Vue 踩坑日志 - 有关路由传参的坑

1.有关路由传参 vue中当通过params传过去的参数刷新页面以后会消失,所以可以用query传参.但此时又会出现另一个坑,刷新后数据仍在.但这是针对单个的某个变量的. 如果传入一个对象的话,刷新页面后会变成[object,object]. 那么这个问题是如何产生的呢? 探究一下,发现 router他是一个钩子,刷新页面的时候,钩子还是初始化状态,他的值是通过导航变化后,钩子拦截导航是匹配产生的. 所以说当刷新页面的时候,路由并没有发生变化,也就不存在会给变量赋值.所以,此时会出现赋值失败问题…

vue踩坑记录:[Vue warn]: $attrs is readonly.

今天在用element-ui的DatePicker日期选择器的时候,发现每当点击一次这个组件,控制台就会报警告`[Vue warn]: $attrs is readonly`,但是也不影响实际操作效果.网上搜了一圈后,发现是使用的vue与vue-tempalte-compiler的版本不一致造成的.当时使用的vue是最新版本2.6.10,而vue-template-compiler版本是2.5.21. **解决方法:** 降低vue的版本至2.5.21. `npm uninstall vue`…

vue踩坑--TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__.a.store is not a constructor

今天在使用vuex的时候遇到这么个问题,虽然后来解决了,是首字母大写的原因,但我还是不知道为什么.这里先记录下来. 这是vuex/store.js import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) const state = { count: } export default new Vuex.store({ state }) 控制台报错TypeError: __WEBPACK_IMPORTED_MODULE_1_vuex__…

VUE踩坑之路

一.常见报错 1.vue-cli-service 不是内部或外部命令,也不是可运行程序解决方案: 用以下命令安装Vue CLI就好 npm install -g @vue/cli # OR yarn global add @vue/cli 官方链接:https://cli.vuejs.org/zh/guide/installation.html 2.Visual Studio Code 创建的VUE项目用IDEA打开报Expected indentation of() spaces but f…

vue踩坑记录

一.element resetFields 方法报错网上查的解决方案 resetForm(formName) { this.$nextTick(() => { this.$refs[formName].resetFields(); }); } 测试无效另一个方案:Vue+elementUI开发中 Cannot read property 'resetFields' of undefined 问题解决以及原因分析各种方法均无效,后来在el-form-item加上prop属性就好了…

Vue踩坑第一步，安装Vue最新版本

学习vue第一步肯定是安装vue-cli,那么肯定想去搜下如何安装vue-cli呢? 网上搜到的结果大都是: npm i vue-cli -g 输入vue -V发现: 输入node -v发现: 自己明明按照官网(Vue CLI 需要 Node.js 8.9 或更高版本)安装了高于8.9的版本,但为何vue版本还不是最新的3.x版本原因是你刚开始安装时就输入了安装2.x版本的指令,新版本的指令是 @vue/cli 而非 vue-cli 正解:安装最新版的: 卸载2.x版本的vue-cli : n…

vue踩坑之路--点击按钮改变div样式

有时候,我们在做项目的时候,想通过某个按钮来改变某个div样式,那么可以通过以下代码实现: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>Page Title</title> <…

vue踩坑-This relative module was not found

在使用vue.js的日期选择插件的时候,报错如下 This relative module was not found: * ../calendar.vue in ./node_modules/babel-loader/lib!./node_modules/vux-loader/src/script-loader.js!./node_modules/vux-loader/src/script-loader.js!./node_modules/vue-loader/lib/selector.js…

vue踩坑- 报错npm ERR! cb() never called!

在vue项目中引入饿了么elementUI组件的步骤之中,出现以下的错误: D:\my-project-first>npm i element-ui -S Unhandled rejection RangeError: Maximum call stack size exceededill install loadIdealTree at RegExp.test (<anonymous>) at D:\node_modules\npm\node_modules\aproba\index.…

vue踩坑-Error: listen EADDRNOTAVAIL 192.168.1.122:8081

每天上班,重启电脑,按照下面的步骤,打开vue的项目,开始编写代码,但是,今天一如往常一般操作:1:cd /项目名称下面就是运行项目了,cd /项目名称,我的文件放在D盘,所以先进入d盘,再进入项目. cd ShopApp 2:npm run dev 一切准备就绪,启动项目 npm run dev 但是,却出现了以下的报错,一开始很郁闷,仔细看了一下错误提示,应该是IP地址出错了. 之前为了能在手机上访问vue的项目,找到config文件夹下的index.js文件,打开后,将host的值改为我…

vue 踩坑--项目名称不能与插件名称一样

今天webpack搭建,命令行一直报错百度说是项目名称为:vue npm 拒绝安装后来才发现是 package.json的name名称也设成了vue 所以修改一下就可以了.…

vue 踩坑之组件传值

Vue 报错[Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the pa... 问题1: 父组件传值给A,B子组件,A组件接受到值后,需要修改父组件传过来的值,但不能改变B子组件的值,只在A组件中进行改变解决方法: props:["msg"] //这是A子组件接受父组件的值,这个值不能在子组件中修改,所以只能在data中定义一个属性来接受msg,再来修改…

Vue踩坑日记-Element this.$message 找不到模块

在使用Vue.js的 Element框架时,无法使用Message组件浏览器提示:找不到组件原始写法: this.$message({ message: '恭喜你,这是一条成功消息', type: 'success' }); 修改后写法: Vue.prototype.$message({ message: '恭喜你,这是一条成功消息', type: 'success' }); 在发送请求结束后 this的指向对象已经改变,所以改用全局变量 Vue.prototype 来完成该项操作…

vue踩坑

1. 双向绑定的对象改变或新增其属性 DOM不刷新问题 var obj = { "attr1": "1", "attr2": [2] };new Vue({ el: '#app', data: { obj: obj }, methods: { do: function(){ obj.attr1 = 10; //视图刷新 obj.attr2[0] = 20; //视图不刷新 obj.attr2.length = 0; //视图不刷新 obj.a…

vue踩坑记，持续更新中......

1.运行项目报错 you may use special comments to disable some waring. use //eslint-disable-next-line.....吧啦吧啦解决办法: 找到webpack.base.conf.js,注释掉下面一段 const createLintingRule = () => ({ // test: /\.(js|vue)$/, // loader: 'eslint-loader', // enforce: 'pre', // in…

Vue踩坑1——驼峰命名

使用自定义Vue组件的时候,其他个方面都正常,但是浏览器就是显示不出自定义标签里的内容 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="app"> <Cra2iTeT&…

Vue 踩坑记

参考: https://forum.vuejs.org/t/unknown-issues-in-change-event-of-radio-in-vue-2-x-webpack-2-x/11034 var acceptValue = makeMap('input,textarea,option,select'); var mustUseProp = function (tag, type, attr) { return ( (attr === 'value' && acceptValue(…

vue踩坑(一):打包上线

找到config→index.js 然后找到index.js的buildassetsPublicPath 这个修改为你的项目放在服务器的路径像我的项目是放在wap 文件夹下的这些配置完成后然后 npm run build 就要可以了把你的dist 文件夹丢到服务器就行了…

vue 踩坑-事件修饰符

(1).stop // 阻止事件继续传播即阻止冒泡过程 (2).prevent //阻止默认事件发生即event.preventdefault(): 实例: 阻止了a标签的默认刷新 (3).capture // 添加事件监听器时使用事件捕获模式,即在捕获模式下触(4).self //当前元素自身时触发处理函数时才会触发函数,原理:是根据event.target确定是否当前元素本身,来决定是否触发的事件/函数实例:如果点击内部点击2,冒泡不会执行gett方法,因为event.target指的…

Vue踩坑记录册

1.vue-cli+webpack项目修改项目名称解决办法: 1 删除 node_modules 文件夹(如果修改项目名称,需要在在package.json中修改对应的name) 2 重新安装依赖 cnpm install 3 启动项目 cnpm run dev 2.mock(数据模拟) 解决方法:1.使用express搭建静态服务2.使用 JSON Server 搭建 Mock 服务器3.直接将用来测试的静态json资源放到static目录下,可以直接读取.4.通过mockjs来模拟相关测…

vue——踩坑

打包的时候,要记得改一下这个配置路径~ 教程:https://www.cnblogs.com/wanf/p/7871787.html…

vue踩坑记-在项目中安装依赖模块npm install报错

在维护别人的项目的时候,在项目文件夹中安装npm install模块的时候,报错如下: npm ERR! path D:\ShopApp\node_modules\fsevents\node_modules\abbrev npm ERR! code ENOENT npm ERR! errno -4058 npm ERR! syscall access npm ERR! enoent ENOENT: no such file or directory, access 'D:\ShopApp\nod…

【vue踩坑-This dependency was not found】的更多相关文章