![](https://img-blog.csdnimg.cn/810492d57130459e8c404ebe9210c6b2.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
html+css+js
IT界幼稚生
励志成为一名合格的码农!
展开
-
【vue项目】警告:“export ‘default‘ (imported as ‘pathToRegexp‘) was not found in ‘path-to-regexp‘
问题:在封装el-breadcrumb 标签文件中,导入'path-to-regexp' 插件,运行时警告:"export 'default' (imported as 'pathToRegexp') was not found in 'path-to-regexp'原因:导入路径的方式不正确。解决方法:正确的导入方法:import * as pathToRegexp from 'path-to-regexp'...原创 2021-12-01 22:16:27 · 1036 阅读 · 0 评论 -
【vue项目】 保存代码,单引号变双引号行尾加分号
问题:vue项目中,当保存代码时,js文件中的单引号自动变成双引号,并且自动添加分号,逗号。原因:Vetur插件主动识别vue文件,原本vetur自带格式化功能,但是和eslint会有冲突,所以我们在项目中会关闭vscode的自动格式化功能。解决方法:打开 vscode ,在设置中找到 settings.json 文件并打开。/* 关闭编辑器自带保存格式化功能,此功能会用Vetur进行格式化。*/"editor.formatOnSave": false,"vetur.forma原创 2021-11-20 00:53:12 · 2887 阅读 · 0 评论 -
vue-cli3中不能使用hasOwnProperty的解决办法
问题:报错信息:"Do not access Object.prototype method 'hasOwnProperty' from target object no-prototype-b"原因:ESLint 报错。新版本的ESLint使用了禁止直接调用Object.prototypes的内置属性开关,说白了就是ESLint 配置文件中的"extends": "eslint:recommended"属性启用了此规则。在ECMAScript 5.1中,新增了Obje...原创 2021-11-19 19:21:14 · 1407 阅读 · 0 评论 -
[Vue warn]: Error in beforeCreate hook: “RangeError: Maximum call stack size exceeded“
问题:运行 vue 项目时,浏览器 console 控制台出现以下错误:原因:Maximum call stack意思是超过最大的执行堆栈,意思就是死循环了。 vue.router.esm.js文件里面的一直在执行 match 函数,然后再执行 redirect,一直再重复这个match和redirect函数。 这两个函数都是在router文件夹下的 index.js 文件中配置引入的。 match 是个正则匹配函数,可以暂时不配置,redirect 则需要手动配置。 redi...原创 2021-11-15 21:44:58 · 9543 阅读 · 0 评论 -
vue项目 Syntax Error: TypeError: this.getOptions is not a function
问题:vue项目,npm run dev 时,项目错误以下错误:或原因:安装的 sass-loader 版本过高,重新安装低版本的sass-loader .解决方法:// 卸载当前版本npm uninstall sass-loader// 安装指定的版本npm install --save-dev sass-loader@10...原创 2021-11-15 15:00:41 · 621 阅读 · 0 评论 -
package.json中dependencies 和devDependencies的区别
dependencies应用能够正常运行所依赖的包. 使用 npm install 安装你的包时会自动安装这些依赖.npm install --save xxxdevDependencies开发应用时所依赖的工具包.通常是一些开发、测试、打包工具,例如webpack、ESLint、vue/cli.应用正常运行并不依赖于这些包,使用 npm install 安装包时也不会安装这些依赖.npm install --save-dev xxxdevDependencies 里面的插件..原创 2021-11-12 19:38:33 · 761 阅读 · 0 评论 -
查询vue版本和vue-cil(脚手架)版本
查询vue版本npm list vue查询vue-cli版本vue -V原创 2021-11-12 14:58:48 · 1063 阅读 · 0 评论 -
运行vue项目:警告提示 “export ‘default‘ (imported as ‘Vue‘) was not found in ‘vue‘
问题:运行vue项目时,警告提示"export 'default' (imported as 'Vue') was not found in 'vue'在main.js中在路由文件下的index.js中原因:安装的vue-cli为v4以上的版本,其不包含全局的 Vue,Vue 被 createApp函数代替解决方案:在main.js中import { createApp } from 'vue' // 代替 import Vue from 'vue' import..原创 2021-11-11 23:00:21 · 20356 阅读 · 0 评论 -
GitHub上拉的代码执行npm install 报错:error code: 128
问题描述: 拉取的项目执行 npm install 的时候很慢,并报错error code: 128解决方法:方法一:执行下面命令,然后再重新执行 npm installgit config --global http.sslverify "false"方法二:如果方法一不行,执行下面命令,然后再重新执行 npm installgit config --global url."https://".insteadOf git://...原创 2021-11-11 13:20:07 · 1689 阅读 · 0 评论 -
Vue.js跨域请求配置、Node.js设置允许跨域
Vue跨域配置在Vue项目目录中打开config/index.js,在proxyTable中添写如下代码:// 跨域处理 proxyTable: { '/api': { // 匹配所有以 '/api'开头的请求路径 target: 'http://localhost:4000', // 代理模板的基础路径 secure: true, // 如果是https接口,需要配置这个参数 changeOrigin: true, // 支持原创 2020-12-29 10:41:21 · 630 阅读 · 1 评论 -
vscode使用stylus插件时,代码自动保存时格式加上分号和括号
问题:vscode使用stylus插件时,代码自动保存时格式加上分号和括号解决方法:首先在插件商店安装插件language-stylus然后在设置中找到settings.json文件并打开,在该文件中添加以下代码 "stylusSupremacy.insertColons": false, // 是否插入冒号 "stylusSupremacy.insertSemicolons": false, // 是否插入分好 "stylusSupremacy.insertBrace.原创 2020-11-27 17:45:36 · 1478 阅读 · 0 评论 -
vue---使用stylus报错 Module build failed: TypeError: loaderContext.getResolve is not a function
问题:在vue-cli使用stylus库的项目中,运行项目报错loaderContext.getResolve is not a function原因:stylus-loader版本太高解决方法:重新安装低版本stylus-loader,使用指令npm install stylus-loader@3.0.2 --save最后npm run dev项目运行成功。...原创 2020-11-19 20:11:38 · 373 阅读 · 0 评论 -
VScode创建Vue模板代码-自定义代码片段
前提:vscode中已安装vue配置模块代码片段:依次选择 “ File(文件) -> preperences(首选项) -> User Snippets(用户代码片段)”, 此时,会弹出一个搜索框,输入vue, 如下图: { "vue-template": { "prefix": "vuekj", "body": [ "<template>",原创 2020-09-08 17:19:58 · 539 阅读 · 0 评论 -
cnpm —— 淘宝 npm 镜像
大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:$ npm install -g cnpm --registry=https://registry.npm.taobao.org这样就可以使用 cnpm 命令来安装模块了:原创 2020-08-26 16:46:02 · 295 阅读 · 0 评论 -
前端开发工具 —— vscode+nodejs
一. 下载安装Visual Studio Code配置前端开发环境:界面左下角“设置”图标,选择setting,输入setting.json,找到setting.json并进入 { "workbench.colorTheme": "Material Theme High Contrast", //"sublimeTextKeymap.promptV3Features": t...原创 2019-11-20 21:07:30 · 611 阅读 · 0 评论 -
Cannot read property 'getElementsByTagName' of null解决办法
问题:在浏览器中调试js代码出现“Cannot read property 'getElementsByTagName' of null”错误。解决方法:使用xxx.getElementsByTagName需要给xxx添加一个id属性。...原创 2019-11-12 15:25:34 · 11938 阅读 · 0 评论