vue
vue
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 · 1076 阅读 · 0 评论 -
报错:[vuex] unknown action type: user/login
问题:vue 项目,vuex中使用 this.$store.dispatch('user/login', this.loginForm) 无法获取actions。并报错:[vuex] unknown action type: user/login原因:在store里面的文件,命名空间属性(namespaced: true)写错导致的。解决方法:export default { // namespace: true, 错误写法 namespaced: true, //原创 2021-11-24 21:59:18 · 9343 阅读 · 9 评论 -
【vue项目】 保存代码,单引号变双引号行尾加分号
问题:vue项目中,当保存代码时,js文件中的单引号自动变成双引号,并且自动添加分号,逗号。原因:Vetur插件主动识别vue文件,原本vetur自带格式化功能,但是和eslint会有冲突,所以我们在项目中会关闭vscode的自动格式化功能。解决方法:打开 vscode ,在设置中找到 settings.json 文件并打开。/* 关闭编辑器自带保存格式化功能,此功能会用Vetur进行格式化。*/"editor.formatOnSave": false,"vetur.forma原创 2021-11-20 00:53:12 · 2958 阅读 · 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 · 1462 阅读 · 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 · 9794 阅读 · 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 · 780 阅读 · 0 评论 -
查询vue版本和vue-cil(脚手架)版本
查询vue版本npm list vue查询vue-cli版本vue -V原创 2021-11-12 14:58:48 · 1077 阅读 · 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 · 20933 阅读 · 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 · 661 阅读 · 1 评论 -
VScode创建Vue模板代码-自定义代码片段
前提:vscode中已安装vue配置模块代码片段:依次选择 “ File(文件) -> preperences(首选项) -> User Snippets(用户代码片段)”, 此时,会弹出一个搜索框,输入vue, 如下图: { "vue-template": { "prefix": "vuekj", "body": [ "<template>",原创 2020-09-08 17:19:58 · 562 阅读 · 0 评论 -
解决Vue.js devtools 工具在Chrome浏览器中F12后控制台不显示的问题
问题:最近开发vue项目中,为了更好的调试程序,安装了vue.js devtools调试工具,安装成功了之后浏览器右上角出现了图标,同时在vue的页面下不能点亮,控制台上也没有vue的页签。解决方法:最后是在扩展程序中把vue.js devtools的允许访问文件网址和在隐身模式下启用两项配置开启后就可以了。...原创 2020-09-01 11:14:22 · 4130 阅读 · 1 评论