weixin_44541920的博客

原创 gyp ERR! find VS could not find a version of Visual Studio 2017 or newer to use

问题记录

原创 【UNIAPP】uniapp页面跳转白色闪屏

参考地址：https://juejin.cn/post/6990189376105873438。

原创 【UNIAPP】记录一下Error: Not Found：Page[2][-1,2,14] at view.umd.min.js:1报错

但我外层套了template，其实具体原因是啥我也不太清楚，只是我把v-if判断去掉后就没有这个而报错了。项目运行报错，页面有个功能是名称超出长度滑动显示。

原创 vue项目中使用 vant 组件无法修改css样式

原因：当‘>>>’只作用于css当

原创 关于vscode格式化自动将大括号合并到上一行尾问题

进入配置json文件中，进入方式如图：找到如下代码，注释或者删除即可 "[javascript]": { "editor.defaultFormatter": "HookyQR.beautify" },

原创 Warning: name can no longer contain capital letters

使用vue脚手架出现的小问题原因很简单，有道翻译一下就行，不能包含大小写，都改小写即可

原创 Cannot read property ‘prototype‘ of undefined “prototype”未定义 问题解决

原因：浏览器按顺序加载各个 js 文件， element 是基于 vue 实现的一套不依赖业务的 UI 组件库，那么由于 vue.js 还没加载，因此会在浏览器的开发者工具/控制台中报错问题如下：解决方案：将element-ui的js 文件在 vue.js 后面引入...

原创 Vue路由懒加载

概念：把不同路由对应的组件分割成不同的代码块，然后当路由被访问的时候才加载对应组件路由懒加载 | Vue Router具体需要 3 步：① 安装 @babel/plugin-syntax-dynamic-import 包。npm install --save-dev @babel/plugin-syntax-dynamic-import② 在 babel.config.js 配置文件中声明该插件。{ "plugins": ["@babel/plugin-syntax-dynamic-imp

原创 项目优化——通过chainWebpack自定义打包入口

默认情况下，vue-cli 脚手架生成的项目中，webpack配置默认是隐藏的，但是项目开发和发布默认共用一个打包入口（即src/main.js）。为了将项目的开发与发布过程分离，我们可以各自制定打包入口先将将src里面的main.js复制一份，分别改为main-prod.js和main-dev.jsmodule.exports = { chainWebpack: config => { // 发布模式 config.when(process.env.NODE_ENV ===

原创 element-ui自定义手机号验证规则

手机号验证规则reg = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/

原创 Vue项目中控制台一直输出 [HMR] Waiting for update signal from WDS...

页面不跳转也不报错，网上找了一圈没找到合适的方法，确定了没有乱改代码就重启了一下电脑、数据库和项目，问题已解决但是没有找到原因，还望解决了的大神指点一下

原创 Error:Duplicate plugin/preset detected.

问题上图：在vue项目中npm run serve时报错：问题解决：删除 babel.config.js 中 component 重复的部分原因：我的原因是重复安装了 element 插件，导致 babel.config.js 中出现了重复的 component 配置

原创 vue脚手架—命令行创建vue项目

原创 设置webpack的打包入口/出口

前言  在webpack 4.x中，默认会将src/index.js 作为默认的打包入口js文件默认会将dist/main.js 作为默认的打包输出js文件  如果不想使用默认的入口/出口js文件，我们可以通过改变 webpack.config.js 来设置入口/出口的js文件webpack.config.js配置代码如下：const path = require('path')module.exports = { mode: 'develop

原创 webpack的基本使用—1

webpack的基本使用A.创建项目目录并初始化创建项目，并打开项目所在目录的终端，输入命令： npm init -yB.创建首页及js文件在项目目录中创建index.html页面，并初始化页面结构：在页面中摆放一个ul，ul里面放置几个li在项目目录中创建js文件夹，并在文件夹中创建index.js文件C.安装jQuery打开项目目录终端，输入命令:npm install jquery -SD.导入jQuery打开index.js文件，编写代码导入jQuery并实现功能