vue
D_bel
这个作者很懒,什么都没留下…
展开
-
npm install报错npm WARN tar ENOENT: no such file or directory, open ‘...\node_modules\.staging\...’
npm 下载包的时候突然报错,如下图:有看到一些文章说删除package.json,然后重新npm install安装就可以解决,亲测这个方法是不行的,依然还是会报相同的错误。正确的解决办法:删除文件 package-lock.json,重现执行npm install,然后再启动就可以了。下次其他包的时候也不会报错了。...转载 2021-04-28 16:45:55 · 14636 阅读 · 4 评论 -
vue项目启动报 TypeError: Cannot read property 'version' of undefined
启动项目的时候报了个错误,如下图首先我执行了:npm install eslint,有时候执行了这句就可以的了。但是我本地发现又报了另外一个错误Cannot find module 'vue-template-compiler/package.json'然后我又执行了npm install vue-template-compiler发现还是报错,提示我you can run: npm install --save register-service-worker vue vue-router.原创 2020-05-12 16:12:58 · 15785 阅读 · 1 评论 -
安装vue-cli4报error Unexpected end of JSON input while parsing near '...pe":"^2.14.0"},"direc'
卸载之前安装的vue-cli2(npm uninstall -vue-cli -g)后,准备安装vue-cli4,执行npm install -g @vue/cli安装,但是一直报错“error Unexpected end of JSON input while parsing near '...pe":"^2.14.0"},"direc'”的错误。如下图:一开始还以为是node版本的问...原创 2019-11-08 10:58:35 · 586 阅读 · 0 评论 -
vue路由懒加载
在vue项目中,随着路由的增多,打包后的js包会越来越大,过大的话会影响页面的加载。利用vue的异步组件和webpack的代码分块功能,实现路由懒加载,当我们需要需要访问的路由才被加载。懒加载的配置三种方式:1. resolve => require([URL], resolve),支持性好2. () => system.import(URL) , webpack2官网上...原创 2019-11-08 09:39:47 · 286 阅读 · 0 评论 -
vue项目热更新
在vue-cli工程中,webpack默认是自动启动热更新。如果不想使用热更新,则打开build\webpack.dev.conf.js文件,找到devServer,增加inline:false,默认情况下是没有这个变量的,如果需要取消热更新才添加。更多了信息查看https://webpack.js.org/configuration/dev-server/#devserver-inlin...原创 2019-11-07 18:50:38 · 2379 阅读 · 0 评论 -
vue+nginx部署,并调用跨域接口
1.修改主入口组件,src\ main.js如果想部署后的程序访问的主入口是自己指定的组件,而不是vue项目默认的组件,则调整主入口main.js,如下图2.修服务器端口、域名和路径,config\ index.js将host值修改为服务器对应的ip或域名,port修改为自己对应的端口号将assetsPublicPath值由原来的”/”改为”./”,productionS...原创 2019-09-24 09:42:31 · 3041 阅读 · 0 评论 -
使用esri-loader的坑
问题描述:在vue框架的项目中加载地图,esri官方提供的esri-loader,下载命令:npm install --save esri-loader,使用esri-loader在chrome浏览器下的确可以正常加载地图,但是我在ie11下却会报“Promise”未定义的错误(前提我的项目已经通过babel将es6的代码编译成es5了依然报错)。下图1,2是在ie下调试打断点找到的错误,...原创 2019-08-31 00:19:07 · 6066 阅读 · 2 评论 -
vue项目启动报You may use special comments to disable some warnings.
我新创建了一个vue项目,在执行npm run dev后报了一大堆错误,错误大致如下截图:中间省略一些错误信息,原因是因为ESlint 语法检测导致的,ESlint 的检测非常严格,缩进、空格、字符串使用单引号等等。解决办法是将ESlint 的代码检测去掉进入vue项目中找到webpack.base.conf.js文件,搜索createLintingRule将内容全部注释...原创 2019-08-28 09:46:31 · 701 阅读 · 0 评论 -
vue+arcgis api开发,加载地图的一个实例
1.首先和传统的开发一样,需要引入js文件和css文件,但是因为是用vue来开发,所以传统的通过标签的方式来引入的方法不适用了,arcgis官网给我们提供了一个工具"esriLoader",这是他的npm地址esri-loader。(命令:npm install --save esri-loader)2. 在项目中新建一个arcgis的配置文件,名称叫mapConfig.js(这个名字可以自...原创 2019-08-12 11:01:27 · 9417 阅读 · 8 评论 -
vue项目中将es6代码编译成es5
借助babel进行编译,官网地址:https://www.babeljs.cn/docs/1. 首先要使编译器支持es6的语法(我用的是idea所以此处以idea为例)快捷键ctrl+alt+s打开setting --》Languages & Frameworks ,然后选择则es6,如下图2. 编译器支持es6语法后,在vue项目中安装babel,命令如下:npm i...原创 2019-08-12 10:36:07 · 6847 阅读 · 0 评论 -
vue-cli2项目搭建和启动
1. 首先安装node.js,安装过程就不介绍了。安装好后通过 node -v命令检查是否安装成功,出现版本号则表示安装成功2.安装webpack,在cmd中执行npm install webpack -g命令全局安装,出现下图则表示安装成功3. 接下来通过npm install -g vue-cli安装vue-cli,网上有说安装国内的淘宝镜像npm install -g ...原创 2019-07-30 20:25:29 · 1959 阅读 · 0 评论