vue.js环境搭建踩坑记

Posted 2020-11-24 chenwh_123

1. JS 包安装工具的选择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中，使用插件步骤：用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‘

 

注：

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