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

来源：动视网责编：小采时间：2020-11-27 22:07:35

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

关于Vue项目跨平台运行问题的解决方法:记录一下踩坑前几天，从同事手上接手了一个Vue的项目。（Ps：刚入职两周，老哥还专门写了一个readMe，感谢）；问题来了，从gitLab上面把项目上clone下来了，node环境什么的都配置好了， npm install npm run dev 无法运行，报错信息如下： &g

推荐度：

点击下载本文 文档为doc格式

导读关于Vue项目跨平台运行问题的解决方法:记录一下踩坑前几天，从同事手上接手了一个Vue的项目。（Ps：刚入职两周，老哥还专门写了一个readMe，感谢）；问题来了，从gitLab上面把项目上clone下来了，node环境什么的都配置好了， npm install npm run dev 无法运行，报错信息如下： &g

一开始以为是包的问题，安装的时候出现过包的错误和警告。运用谷歌大法，也看了好几篇博客，说的不是很详细，虽然是个小问题。（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，成功运行。

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

推荐度：

点击下载本文 文档为doc格式

标签：项目 vue的 vue的项目

热门焦点

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

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

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

最新推荐

猜你喜欢

热门推荐