Vue项目启动报错整理

1、如若发生如下 报错：

vue.esm.js?efeb:574[Vue warn]: Property or method "pics" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See:https://vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.

 

解析：属性或方法“pics”没有被定义，但凡发生这种报错，就针对这个“pics”检查吧！举个例子，如果父组件传递数据到子组件 ：data="something"  ，数据 something:"pics" ，子组件接收传递过来的数据 props:['data'] ，之后在子组件渲染dom的时候：{{pics}} ，毫无疑问：报错了！！！（上述报错提示）

 

解决：{{pics}} ，这是什么鬼！子组件接收过来的是data，对应的父组件绑定的：data，而不是pics，那么pics当然会显示上述报错喽！

2、✘ http://eslint.org/docs/rules/no-undef '$' is not defined

1. 修改根目录下.eslintrc.js文件了，在改文件的module.exports中，为env添加一个键值对 jquery: true 就可以了：

env: {
  // 原有
  browser: true,
  // 添加
  jquery: true
}

再次 npm run dev

上述案例仅仅是方法和属性未被定义的一种可能~让大家有针对性的查错

 

更多vue项目报错链接：

vue项目抱措整理1           vue项目报错整理3       

vue.esm.js?efeb:574