vue 常见错误

摘要:
1.ERRORin./.nuxt/client.jsfriendly-errors10:13:25模块构建失败(来自./node_modules/babel-loader/lib/index.js):friendly-errors10:13:25Error:[babel]E:vscodeWork1010vue-front-1010.nuxtclient.js:无法

 

1. ERROR in ./.nuxt/client.js friendly-errors 10:13:25

Module build failed (from ./node_modules/babel-loader/lib/index.js): friendly-errors 10:13:25
Error: [BABEL] E:vscodeWork1010vue-front-1010.nuxtclient.js: Cannot find module 'E:vscodeWork1010vue-front-1010 ode_modules@babelcompat-datadatacorejs3-shipped-proposals' (While processing: "E:\vscodeWork\1010\vue-front-1010\node_modules\@nuxt\babel-preset-app\src\index.js")

实际上翻译过来就是缺少依赖@babelcompat-data找到package-lock.json添加依赖即可

  "dependencies": {
    "nuxt": "^2.0.0",
    "vue-awesome-swiper": "^3.1.3",
    "@babel/compat-data": "~7.9.0"
  },

2. ReferenceError: searchKey is not defined
错误原因:
在按钮中绑定了 searchKey事件
但是在定义方法时错误的使用了method,应该使用methods

免责声明:文章转载自《vue 常见错误》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇[原创]C#通过引用Office Excel (2007) 组件实现对Excel文件的操作编译第一个驱动程序笔记下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

(转)react 项目构建

原文:https://segmentfault.com/a/1190000016342792 写在前面 每次构建react项目的时候都会配置一大堆东西,时间久了就会忘记怎么配置。为了方便自己记忆也为了其他开发者在构建react应用时能够快速开发,故作此记录。 本项目基于 create-react-app 脚手架进行配置。主要配置了一些项目开发中常用的方法,...

vue 弹窗时 监听手机返回键关闭弹窗(页面不跳转)

vue 弹窗时 监听手机返回键关闭弹窗(页面不跳转)   [注]:  popstate 事件   a.当活动历史记录条目更改时,将触发popstate事件。   b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对history.replaceState()的调用的影响,          popstate...

循序渐进VUE+Element 前端应用开发(20)--- 使用组件封装简化界面代码

VUE+Element 前端应用,比较不错的一点就是界面组件化,我们可以根据重用的指导方针,把界面内容拆分为各个不同的组合,每一个模块可以是一个组件,也可以是多个组件的综合体,而且这一个过程非常方便。组件封装的目的就是为了能够更加便捷、快速的进行业务功能的开发。组件(component)是vue的最强大功能之一,组件可以实现一些类似功能的复用及与其它业务逻...

Vue的mixin的一点使用(table的头部sticky的实现)

大家对mixin应该熟悉,它能全局或者配置mixin的组件添加公共属性与方法。这里展示一次具体的使用。 在使用element-ui时(别的场景一样出现),table过长时滚动时,头部滚出视图了,就无法知道下面内容每一列代表啥。这里的实现方案采用sticky即可,即滚出视图让列表的头部固定在顶部。 这里采用mixin来实现,需要的页面配置mixin即可,代码...

改造前后端分离的jeecg项目部署到k8s中

官网地址:http://www.jeecg.com/开发文档地址:http://doc.jeecg.com/2043873GitHub地址:https://github.com/zhangdaiscott/jeecg-boot 大致步骤如下:1.创建MySQL,redis等辅助组件2.创建jeecg-boot后端应用3.创建jeecg-vue前端应用 0....

vuex

main.js: //The Vue build version to load with the `import` command//(runtime-only or standalone) has been set in webpack.base.conf with an alias. import Vue from 'vue'import App...