关于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 相关文章推荐
Extjs TriggerField在弹出窗口显示不出问题的解决方法
Jan 08 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
JavaScript中几种排序算法的简单实现
Jul 29 Javascript
jQuery实现瀑布流布局详解(PC和移动端)
Sep 01 Javascript
Fullpage.js固定导航栏-实现定位导航栏
Mar 17 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
Oct 05 Javascript
浅谈webpack对样式的处理
Jan 05 Javascript
浅析Angular19 自定义表单控件
Jan 31 Javascript
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
Sep 20 Javascript
微信小程序学习笔记之目录结构、基本配置图文详解
Mar 28 Javascript
javascript单张多张图无缝滚动实例代码
May 10 Javascript
Vue使用v-viewer实现图片预览
Oct 21 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文件上传的两种实现方法
2016/04/04 PHP
php 二维数组时间排序实现代码
2016/11/19 PHP
thinkPHP5 tablib标签库自定义方法详解
2017/05/10 PHP
几个比较经典常用的jQuery小技巧
2010/03/01 Javascript
jQuery下通过$.browser来判断浏览器.
2011/04/05 Javascript
仅Firefox中链接A无法实现模拟点击以触发其默认行为
2011/07/31 Javascript
怎么清空javascript数组
2013/05/11 Javascript
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
JS、CSS加载中的小问题探讨
2013/11/26 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
基于jQuery滑动杆实现购买日期选择效果
2015/09/15 Javascript
JS功能代码集锦
2016/05/04 Javascript
Vue.js每天必学之数据双向绑定
2016/09/05 Javascript
javascript经典特效分享 手风琴、轮播图、图片滑动
2016/09/14 Javascript
vue实现简单loading进度条
2018/06/06 Javascript
详解.vue文件解析的实现
2018/06/11 Javascript
Node.js 使用axios读写influxDB的方法示例
2018/10/26 Javascript
vue项目中使用fetch的实现方法
2019/04/25 Javascript
python实现telnet客户端的方法
2015/04/15 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
Python返回数组/List长度的实例
2018/06/23 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
python+selenium select下拉选择框定位处理方法
2019/08/24 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
美国美食礼品篮网站:Gourmet Gift Baskets
2019/12/15 全球购物
信用社员工先进事迹材料
2014/02/04 职场文书
公安纪律作风整顿剖析材料
2014/10/10 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
倡议书格式及范文
2015/04/29 职场文书
离职证明范本
2015/06/12 职场文书
《叶问2》观后感
2015/06/15 职场文书
五年级作文之成长
2019/09/16 职场文书
话题作文之诚信
2019/11/28 职场文书
详解MySQL InnoDB存储引擎的内存管理
2021/04/08 MySQL
告别网页搜索!教你用python实现一款属于自己的翻译词典软件
2021/06/03 Python