码迷,mamicode.com
首页 > Web开发 > 详细

vue.js环境搭建踩坑记

时间:2019-12-03 19:55:34      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:gis   type   文件   define   错误   自定义标签   The   import   date   

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

vue.js环境搭建踩坑记

标签:gis   type   文件   define   错误   自定义标签   The   import   date   

原文地址:https://www.cnblogs.com/sunshine2017/p/11978837.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!