关于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 相关文章推荐
用一段js程序来实现动画功能
Mar 06 Javascript
一起来写段JS drag拖动代码
Dec 09 Javascript
Javascript类定义语法,私有成员、受保护成员、静态成员等介绍
Dec 08 Javascript
基于iframe实现类似于ajax的页面无刷新
May 31 Javascript
JavaScript判断DIV内容是否为空的方法
Jan 29 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
jQuery使用zTree插件实现可拖拽的树示例
Sep 23 jQuery
利用babel将es6语法转es5的简单示例
Dec 01 Javascript
微信小程序版翻牌小游戏
Jan 26 Javascript
深入理解JavaScript和TypeScript中的class
Apr 22 Javascript
vue瀑布流组件实现上拉加载更多
Mar 10 Javascript
vue之封装多个组件调用同一接口的案例
Aug 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设计模式之单例模式定义与用法分析
2019/03/26 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
PHP实现递归的三种方法
2020/07/04 PHP
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
2021/03/09 HTML / CSS
通过修改referer下载文件的方法
2008/05/11 Javascript
ext 代码生成器
2009/08/07 Javascript
用JS判断IE版本的代码 超管用!
2011/08/09 Javascript
jQuery自定义添加"$"与解决"$"冲突的方法
2015/01/19 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
解析如何利用iframe标签以及js制作时钟
2016/12/08 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
vue设置动态请求地址的例子
2019/11/01 Javascript
JS如何判断对象是否包含某个属性
2020/08/29 Javascript
three.js中多线程的使用及性能测试详解
2021/01/07 Javascript
Python实现简单的代理服务器
2015/07/25 Python
python从入门到精通(DAY 1)
2015/12/20 Python
python2.7安装图文教程
2018/03/13 Python
Python基于xlrd模块操作Excel的方法示例
2018/06/21 Python
flask入门之表单的实现
2018/07/18 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
Python Sympy计算梯度、散度和旋度的实例
2019/12/06 Python
15行Python代码实现免费发送手机短信推送消息功能
2020/02/27 Python
python对 MySQL 数据库进行增删改查的脚本
2020/10/22 Python
小橄榄树:Le Petit Olivier
2018/04/23 全球购物
美国亚马逊旗下男装网站:East Dane(支持中文)
2019/09/25 全球购物
英国森林假期:Forest Holidays
2021/01/01 全球购物
SQL面试题
2013/04/30 面试题
Linux中如何用命令创建目录
2015/01/12 面试题
小学运动会入场式解说词
2014/02/18 职场文书
党的群众路线教育实践活动个人对照检查材料(公安)
2014/11/05 职场文书
教师继续教育反思周记
2015/06/25 职场文书
领导新年致辞2016
2015/07/29 职场文书
感恩信:写给爸爸妈妈的一封感谢信
2019/09/12 职场文书
Javascript中的解构赋值语法详解
2021/04/02 Javascript
使用CSS设置滚动条样式
2022/01/18 HTML / CSS