vue.js环境搭建踩坑记

1. 包管理工具的选择npm or yarn

 刚开始进行环境搭建的时候，用的是npm包管理工具，但是运行命令 npm run dev，启动项目总是报错，百度说是webpack和webpack-dev-server版本不兼容问题

原因：这是新版webpack存在的BUG，卸载现有的新版本webpack，安装老版本就好

但是在用npm update命令后，webpack和webpack-dev-server版本会自动升级,后面换作用yarn，

具体步骤可参考：https://blog.csdn.net/u010354618/article/details/88885461

2.自定义标签：Unknown custom element: <headerbao> - did you register the component correctly

 在需要用的地方进行如下两步：

/* 引用组件 */

import headerBao from '@/components/header';

/* 在Vue实例中，注册组件 */

components:{   

            headerBao

        }

3.vue中发送HTTP请求中出现问题Uncaught TypeError: Cannot read property 'jsonp' of undefined

在vue中，进行HTTP请求的调用需要用vue-resource模块，具体操作步骤如下：

1）npm install jsonp -S/yarn add jsonp

2）npm  install vue-resource -S/yarn add vue-resource

3）在main.js中import这个插件，这个的作用是表示在vue文件中可以使用this.$http()进行网络请求--重要，不然会报题目中的错误

import VueResource from 'vue-resource'

Vue.use(VueResource )

 

注：

常用的element-ui组件：https://element.eleme.io/#/zh-CN/component/installation