关于Vue项目跨平台运行问题的解决方法


Posted in Javascript onSeptember 18, 2018

记录一下踩坑

前几天,从同事手上接手了一个Vue的项目。(Ps:刚入职两周,老哥还专门写了一个readMe,感谢);

问题来了,从gitLab上面把项目上clone下来了,node环境什么的都配置好了,

npm install
npm run dev

无法运行,报错信息如下:

> NODE_ENV=development webpack-dev-server --open --inline --hot
 
'NODE_ENV' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ubilltools@1.0.0 dev: `NODE_ENV=development webpack-dev-server --open --inline --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ubilltools@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
 
npm ERR! A complete log of this run can be found in:

一开始以为是包的问题,安装的时候出现过包的错误和警告。运用谷歌大法 ,也看了好几篇博客,说的不是很详细 ,虽然是个小问题。(Ps:我确实比较菜)后面让部门同样的node环境运行没有问题,通过查找博客说的是Mac平台和Windows问题的。

"scripts": {
  "dev": "NODE_ENV=development webpack-dev-server --open --inline --hot",
  "build": "NODE_ENV=production webpack --progress --hide-modules"
 },

这是项目package.json中自带的配置环境书写,出现报错的原因是因为 windows平台不支持这样的写法。要实现跨平台通过node的一个模块 cross-env 来实现。

npm install cross-env

在package.json添加 cross-env 就可以了:

"scripts": {
  "dev": " cross-env NODE_ENV=development webpack-dev-server --open --inline --hot",
  "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
 },

npm run dev,成功运行。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript 树控件 比较好用
Jun 11 Javascript
比较搞笑的js陷阱题
Feb 07 Javascript
javascript 用函数语句和表达式定义函数的区别详解
Jan 06 Javascript
jQuery中选择器小问题(新人难免遇到)
Mar 31 Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
jquery密码强度校验
Dec 02 Javascript
Bootstrap table的使用方法
Nov 02 Javascript
Angular在一个页面中使用两个ng-app的方法
Feb 20 Javascript
vue项目中在外部js文件中直接调用vue实例的方法比如说this
Apr 28 Javascript
vue界面发送表情的实现代码
Sep 11 Javascript
关于vue v-for循环解决img标签的src动态绑定问题
Sep 18 #Javascript
微信开发之企业付款到银行卡接口开发的示例代码
Sep 18 #Javascript
vue自定义tap指令及tap事件的实现
Sep 18 #Javascript
Vue条件循环判断+计算属性+绑定样式v-bind的实例
Sep 18 #Javascript
浅谈vue同一页面中拥有两个表单时,的验证问题
Sep 18 #Javascript
记React connect的几种写法(小结)
Sep 18 #Javascript
Vue循环组件加validate多表单验证的实例
Sep 18 #Javascript
You might like
php中3des加密代码(完全与.net中的兼容)
2012/08/02 PHP
解析php中mysql_connect与mysql_pconncet的区别详解
2013/05/15 PHP
ThinkPHP的L方法使用简介
2014/06/18 PHP
自写的利用PDO对mysql数据库增删改查操作类
2018/02/19 PHP
centos7上编译安装php7以php-fpm方式连接apache
2018/11/08 PHP
说说掌握JavaScript语言的思想前提想学习js的朋友可以看看
2009/04/01 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
Asp.net下利用Jquery Ajax实现用户注册检测(验证用户名是否存)
2010/09/12 Javascript
javascript实现显示和隐藏div方法汇总
2015/08/14 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
vue插件tab选项卡使用小结
2016/10/27 Javascript
详解vue2.0组件通信各种情况总结与实例分析
2017/03/22 Javascript
微信小程序之多列表的显示和隐藏功能【附源码】
2018/08/06 Javascript
使用angular-cli webpack创建多个包的方法
2018/10/16 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
微信小程序缓存过期时间的使用详情
2019/05/12 Javascript
node.js命令行教程图文详解
2019/05/27 Javascript
layui操作列按钮个数和文字颜色的判断实例
2019/09/11 Javascript
vue组件 keep-alive 和 transition 使用详解
2019/10/11 Javascript
JavaScript ECMA-262-3 深入解析(二):变量对象实例详解
2020/04/25 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
2020/04/26 Javascript
基于python3 类的属性、方法、封装、继承实例讲解
2017/09/19 Python
详解Python之unittest单元测试代码
2018/01/24 Python
用python与文件进行交互的方法
2018/03/01 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
Python 将pdf转成图片的方法
2018/04/23 Python
对numpy中的数组条件筛选功能详解
2018/07/02 Python
Python魔法方法功能与用法简介
2019/04/04 Python
以设计师精品品质提供快速时尚:Mostata
2019/05/10 全球购物
应届生财务会计求职信
2013/11/05 职场文书
活动总结格式范文
2014/04/26 职场文书
公司副总经理任命书
2014/06/05 职场文书
初中差生评语
2014/12/29 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
优秀党员主要事迹材料
2015/11/04 职场文书