- 博客(38)
- 收藏
- 关注
原创 Error: Cannot find module ‘nan‘ Error: Cannot find module ‘xxx‘ 解决方案
Error: Cannot find module 'nan'npm install 报错如何解决npm clean cache 删除node_modules文件夹 npm install 点赞、点赞、点赞> node install.jsinternal/modules/cjs/loader.js:883 throw err; ^Error: Cannot find module 'nan'Require stack:- /Users/zqc/Desktop/w
2021-11-29 17:42:34 3181 1
原创 打包时报错 TypeError: this.getOptions is not a function
打包时报错ERROR in ./src/index.cssModule build failed (from ./node_modules/style-loader/dist/cjs.js):TypeError: this.getOptions is not a function…………npm ERR! This is probably not a problem with npm. There is likely additional logging output above.这个就
2021-11-13 17:37:17 1568
原创 vue computed 中 window.sessionStorage.getItem()获取不到值
用computed监听sessionStorage中的数据,结果不符合预期,一起看下解决方案吧 computed:{ cantGetValue(){ return window.sessionStorage.getItem('test')//这个sessionStorage的值变化是不会被监听到的 } }先看下产生问题的过程过程:页面模版调用计算属性的值接口返回数据设置sessionStorage期望:ses
2021-09-28 16:18:11 6326 5
原创 error Parsing error: invalid-first-character-of-tag-name vue/no-parsing-error 解决方案
莫慌、莫慌、莫慌看到报错提示就是代码格式有问题,排除代码逻辑报错,在看下面的提示……tag-name !!!!!!重点来了,1、格式有问题 2、tag(标签)格式有问题翻了下代码(上面有报错的具体文件位置),结果找到了一块不和谐的代码这是合并代码时产生的,虽然里面什么也没有,但是就是这里引起的报错。...
2021-09-16 16:09:08 7786 1
原创 v-else-if使用方法
v-else-if 官网解释:充当v-if的“else-if 块”,可以连续使用当v-if 、 v-else 两个指令无法满足多条件的业务需求,可以使用v-else-if 增加多种情况的判断官网示例:<div v-if="type === 'A'"> A</div><div v-else-if="type === 'B'"> B</div><div v-else-if="type === 'C'"> C&l...
2021-09-07 18:05:44 9783 1
原创 swiper禁止滑动
需求是,swiper item有多个的时候正常滑动,但是只有一个的时候要求固定不动。让我们来实现它。????????????第一步、进入swiper官网https://www.swiper.com.cn/第二步、找到这个属性--noSwiping第三步、在swiperOption中添加这一属性,noSwiping: this.swiperItemList.length>1 ? false : true,第四步、上一行swiperItemList是我的项目接口返回的要展示的图片数
2021-07-29 19:57:03 8553 1
转载 解决iOS下拉回弹方法二
原文地址:https://segmentfault.com/a/1190000007301527一篇解决iOS下拉回弹的文章分享给大家。加了些注释、并且应用在vue中。再次感谢原作者。<template> <div class="container"> <div class="scroll" style="height:150px;overflow:auto"> <div class="takePositi.
2021-05-27 15:39:46 934
转载 禁用iOS的弹性滑动效果
原文地址:https://blog.csdn.net/qq_33248419/article/details/103851777h5页面如何禁用iOS的弹性滑动效果,找到了一篇很好的文章,分享给大家。根组件<template> <div class="scroll" ref="scroll"> <slot></slot> </div></template><script> export de
2021-05-26 16:32:46 3807
原创 前端开发的坑位总结二
‘true’ 不等于 true请注意:字符串的’true‘,不等于布尔值的true。原因如下:布尔值的true会先被转化为1 ‘true’ 和1做比较,‘true’会向数字转化,也就是转成了NaN NaN和1比较,必然不相等。 get到了吗????????????...
2021-05-15 21:31:28 115
原创 computed计算属性的参数
在使用计算属性的时候,会通过this.xxx来引用this中的数据,还有一种更好的方式来引用this中的数据//模版代码<template> <div class="container"> {{totalValue}} </div></template>//data中的数据 data(){ return { age:10, name:'to.
2021-05-15 16:22:50 1444
原创 vant自动按需引入组件
第一步:安装插件 npm i babel-plugin-import -D第二步:在 .babelrc 这个文件中添加配置(如果没有.babelrc 这个文件就自己新建一个){ "plugins": [ ["import", { "libraryName": "vant", "libraryDirectory": "es", "style": true }] ]}第三步:main.js中 引入想要使用的组件impo
2021-04-14 23:18:20 944
原创 JavaScript中sort()方法回调函数的理解
一首先观察mdn中对该回调函数的描述如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变。如果 compareFunction(a, b) 大于 0 , b 会被排列到 a 之前。compareFunction(a, b) 必须总是对相同的输入返回相同的比较结果,否则排序的结果将是不确定的。二明确我们想要的排序结果--升序还是降序三如果是升.
2021-03-01 15:38:43 1287
原创 vue跨域解决方案之--proxy代理
声明一个名为axiostest.js 的文件//引入axiosimport axios from 'axios';//创建一个axiosexport let axios1 = axios.create({//设置baseURL是为了之后做代理 baseURL: '/api1', timeout: 5000});//创建一个axiosexport let axios2 = axios.create({ baseURL: '/api2', timeout: 5000})
2020-11-21 19:17:34 4990
原创 es6中class的get和set的快速使用教程
//先声明一个类 class Fruit { constructor(name='香蕉',size='10斤') { this.name = name this.size = size } get getName(){ return this.name } set setName(value){ this.name = value } }//s...
2020-11-19 17:20:38 2625 1
原创 JavaScript 使用cookie实现点击次数统计
话不多说上代码addCookie(cookieName, cookieValue, cookieTimeOut){ if (cookieName != "" && cookieValue != "" && cookieTimeOut != "") { if (isNaN(cookieTimeOut) == false) { let nowDate = new Date(); nowDate.setTim
2020-10-07 11:02:42 1112
原创 vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property ‘_wrapper‘ of undefined
拉取同事的静态代码后,报了一个莫名其妙的错,Cannot read property '_wrapper' of undefined。最后和前辈请教弄明白了,原来是静态代码中做了一些方法的引用,但是只是静态代码,还没有实现方法,所以我们只需要把使用但是未声明的代码声明下就OK了itemChecked(){ this.checked = !this.checked }, //报错的原因就是使用了(order、toggleAll)的两个方法,但是没有声明方法。注释打开就好了,吼.
2020-09-21 13:16:34 39183 3
原创 Mac安装卸载插件报: or try running npm ERR! the command again as root/Administrator.
根据报错提示 需要管理员权限,那我们加上就OK了npm WARN checkPermissions Missing write access to /usr/local/lib/node_modulesnpm ERR! code EACCESnpm ERR! syscall accessnpm ERR! path /usr/local/lib/node_modules/vue-cli/node_modules/ansi-wrapnpm ERR! errno -13npm ERR! Error
2020-07-19 14:57:39 1293
原创 vue项目本地localhost可以访问,手机使用IP地址也可以访问操作方法
首先请各位靓仔用左手将config目录下index.js中的host:改成 '0.0.0.0'然后用右手在package.json 中的dev后面加 --host 0.0.0.0"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 0.0.0.0", "start": "npm run dev", "lint...
2020-07-09 21:17:41 1256 1
原创 Missing space before function parentheses 解决方案
既然写着不符合规则,那咱就照着规则来,在括号前加个空格就好了。完美解决
2020-06-25 22:11:35 1072
原创 Error: This platform has more than one ABI. Please specify one using --abi.解决方案
很好解决,报错信息提示我们指定ABI,那就指定一个在后面加上一个就好了,路过的朋友,有用的话点个赞呗!!!
2019-12-29 13:02:11 840
原创 安装vue3.10.0失败,2.9.6卸载不掉,解决方案
网上找了各种方法,试了均不生效,后来直接卸载node,重新装了一遍node,装好后再次安装vue3.10.0,安装成功。下面是安装命令。如果有用给点个赞呗cnpm i -g @vue/cli@3.10.0...
2019-10-21 14:29:44 1890 6
原创 getElementsByClassName.appendChild报错“Uncaught TypeError: t1.appendChild is not a function”
报这个错是因为getElementsByClassName这个方法返回的是:返回文档中所有指定类名的元素集合。也就是说它是一个集合而这个集合是没有appendChild这个方法的,所以就会报错那么结论就是想用appendChild就不要用getElementByClassName有帮助给点个赞呗...
2019-09-12 15:30:25 1720
原创 react中使用百度ECharts,特别OK
import React, { Component } from 'react';import { Card } from 'antd';import echartTheme from '../echartTheme';// import echarts from 'echarts'; //加载所有的图表//按需加载import echarts from 'echarts/lib/ec...
2019-08-28 14:31:32 262
原创 text-align 属性值为: -webkit-match-parent
标签根本没有设置text-align为啥还会居中呢?这种情况一般是受到父元素的影响。 解决办法就是在父级元素找,父级元素设置了text-align: center;
2019-07-29 12:38:16 3528
原创 Warning: Failed prop type: Invalid prop `span` of type `string` supplied to `Col`, expected `number`
解决办法是将span后的数字用{} 花括号包起来,帮点个赞呗
2019-07-22 14:43:04 4414 1
原创 Parsing error: Expected corresponding JSX closing tag for 某个元素
改到前面后,问题解决
2019-07-21 18:23:42 9003
原创 js图片展示不完整解决办法
export const RecommendItem = styled.div` width: 280px; height: 50px; background-size: contain; background: url(图片地址); `因为background-size: contain;放在了图片的前面,所以不生效调整顺序后完美显示...
2019-07-13 17:42:01 2783
原创 react项目报警告Use PascalCase for React components
Warning: <searchInfoTitle /> is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements.我这里是因为react组件名字首字母小写了的原因,改成大写就可以了。记得是首字母需要大写,其他的随意...
2019-07-09 08:06:52 13599
原创 使用Redux DevTools Chrome插件后,本来好使的代码报了错,问题的原因是版本的问题,下面提供了对应版本
2.15.2配合chrome 60.0.3112.113。可以
2019-06-26 12:28:29 779
转载 安装create-react-app todolist特别慢解决办法
第一步:npm config set registry https://registry.npm.taobao.org第二步:create-react-app todolist问题解决下面是原文地址,有兴趣的朋友可以看下这两篇博客https://blog.csdn.net/liuhui_hui/article/details/84847021https://www.jia...
2019-06-14 08:08:19 340
原创 npm start报“npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\XXX\package.json'”
npm start报找不到package.json,查了代码没问题命令也没问题,怎么回事呢。弄了半天才发现是没有进入我的项目的文件夹,直接在git bash界面输入的npm start。解决办法就是进入想要启动的项目的文件夹,在运行npm start...
2019-06-11 08:50:02 16029 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人