关于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 相关文章推荐
json 定义
Jun 10 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
JavaScript中setAttribute用法介绍
Jul 20 Javascript
js获取select标签的值且兼容IE与firefox
Dec 30 Javascript
js创建一个input数组并绑定click事件的方法
Jun 12 Javascript
jQuery数据缓存用法分析
Feb 20 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
JavaScript创建闭包的两种方式的优劣与区别分析
Jun 22 Javascript
使用vue.js制作分页组件
Jun 27 Javascript
js es6系列教程 - 基于new.target属性与es5改造es6的类语法
Sep 02 Javascript
Angular 容器部署的方法
Apr 17 Javascript
JS使用H5实现图片预览功能
Sep 30 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按字符串长度分割成数组代码
2015/05/17 PHP
javascript 函数式编程
2007/08/16 Javascript
实现png图片和png背景透明(支持多浏览器)的方法
2009/09/08 Javascript
js word表格动态添加代码
2010/06/07 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
JS 加入收藏夹的代码(主流浏览器通用)
2013/05/13 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
jQuery选择器源码解读(八):addCombinator函数
2015/03/31 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
JavaScript记录光标在编辑器中位置的实现方法
2016/04/22 Javascript
JavaScript编写带旋转+线条干扰的验证码脚本实例
2016/05/30 Javascript
JavaScript知识点总结(十一)之js中的Object类详解
2016/05/31 Javascript
vue-cli如何引入bootstrap工具的方法
2017/10/19 Javascript
使用Vue制作图片轮播组件思路详解
2018/03/21 Javascript
jQuery解析json格式数据示例
2018/09/01 jQuery
Phaser.js实现简单的跑酷游戏附源码下载
2018/10/26 Javascript
vue-router之实现导航切换过渡动画效果
2019/10/31 Javascript
JS实现商品橱窗特效
2020/01/09 Javascript
pymssql数据库操作MSSQL2005实例分析
2015/05/25 Python
Django admin美化插件suit使用示例
2017/12/12 Python
详解python中Numpy的属性与创建矩阵
2018/09/10 Python
​如何愉快地迁移到 Python 3
2019/04/28 Python
Python玩转PDF的各种骚操作
2019/05/06 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
python GUI库图形界面开发之PyQt5窗口背景与不规则窗口实例
2020/02/25 Python
python判断两个序列的成员是否一样的实例代码
2020/03/01 Python
HTML5的video标签的浏览器兼容性增强方案分享
2016/05/19 HTML / CSS
HTML5图片层叠的实现示例
2020/07/07 HTML / CSS
您熟悉ORM(Object-Relation Mapping)吗?请谈谈您所理解的ORM
2016/02/08 面试题
招标承诺书
2014/08/30 职场文书
五四演讲稿范文
2014/09/03 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
标准发言稿结尾
2019/07/18 职场文书
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
2021/05/30 Javascript
Redis Cluster 集群搭建你会吗
2021/08/04 Redis