C语言 设计模式 LeetCode gitee spring forms uitableview scroll webkit vue路由 vue前端 jquery获取元素 svn默认安装路径 linux环境变量生效 office配置进度 matlab中不等于怎么表示 dwf文件怎么转成dwg android网络请求 python的re模块 python如何定义变量 搭建java环境 javaif语句 java地址 java结束线程 java新建文件 嵌入式linux驱动程序设计从入门到精通 cms教程 银头鲑鱼 html5下载 python爬虫代码 ps水平翻转快捷键 cdr怎么画波浪线 方正兰亭粗黑字体下载 linux解压命令 网络电子书 mathcad wmiprvse是什么进程 分屏软件 梦想世界科举答案 Mapper
当前位置: 首页 > 学习教程  > 编程语言

前端开发:Node版本引起的报错问题

2021/1/13 19:54:51 文章标签: 测试文章如有侵权请发送至邮箱809451989@qq.com投诉后文章立即删除

在前端开发过程中会遇到各种坑,尤其是对于新入行的前端新手来说更是如此,稍有不慎就会掉入连环坑中。作为前端入门级开发者来说,各种基础问题都能让在开发过程中引起卡壳情况,那么本篇博文就来分享一下前端开发新手常遇到的经典问…

在前端开发过程中会遇到各种坑,尤其是对于新入行的前端新手来说更是如此,稍有不慎就会掉入连环坑中。作为前端入门级开发者来说,各种基础问题都能让在开发过程中引起卡壳情况,那么本篇博文就来分享一下前端开发新手常遇到的经典问题,由node版本不一致造成的程序报错问题。

由Node版本引起的报错问题也是很常见,尤其是电脑上安装的高版本Node,要运行低版本开发的项目,就会报错,这就涉及到Node版本的升级和降级。Node降低版本或者升级版本,使用nvm来管理Node版本,nvm的安装在前几篇博文里面已经有详细讲解,本篇博文只是来分享一下在运行别的项目的时候,由于Node版本不同引起的项目报错问题,具体的报错如下所示:

Cheng$ npm run dev

> wechatui@3.0.0 dev /Users/Cheng/Downs/weUI

> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

35% building modules 215/266 modules 51 active ...g/Downs/weUI/src/App.vue{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.

94% asset optimization                                                                 

ERROR  Failed to compile with 1 errors                                                                     4:50:02 PM

error  in ./src/util/loader.js

Syntax Error: Unexpected token (3:8)

  1 | const loader = {

  2 |     view: file => () =>

> 3 |         import ('@/views/' + file + '.vue'),

    |         ^

  4 |     component: file => () =>

  5 |         import ('@/components/' + file + '.vue')

  6 | };

@ ./src/components/index.js 3:0-35

@ ./src/main.js

@ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:87 webpack/hot/dev-server babel-polyfill ./src/main.js

 

看到上述错误是不是觉得很无厘头,定位到具体的文件里面,代码写的没有问题,但是依然报错,那么就是Node版本不一致引起的问题,也就是电脑运行项目的Node版本和项目开发时候的Node版本不一致,造成项目运行报错,解决方法很简单,就是根据实际场景来对Node的版本进行升降操作,从而适应达到项目可运行的版本即可。

下面再来大概讲解一下node的安装流程,方便查阅使用。在项目开发过程中,可能需要经常切换node版本来应对不同的开发环境,所以需要经常使用不同版本的node,具体步骤如下所示:

一、安装npm插件n ,通过n模块来管理node版本

1、全局安装n模块的命令行:

npm instlal -g n

2、安装当前稳定版本的命令行:

n stable 或者 sudo n stable

3、安装最新版本的命令行:

n latest或者sudo n latest

4、安装指定版本的node命令行:

n v8.16.0

5、卸载指定的node版本命令行:

n rm v8.16.0

二、使用nvm管理node版本

1、安装nvm的命令行:

brew install nvm

2、使用nvm安装node版本的命令行:

安装最新版本的命令行:

nvm isntall node

安装指定版本的命令行:

nvm install 8.16.0

3、查看所有版本的命令行:

nvm ls

4、切换node版本的命令行:

使用最新版本的命令行:

nvm use node

使用指定版本的命令行:

nvm use 10.16.2

eg:如果电脑上一个项目使用的是node@5.13.0,另外一个新项目使用的是node@9.16.0,

那么需要先安装node@9.16.0:nvm install 9.16.0,然后再使用:nvm use 8.16.0 即可。

以上就是本章全部内容,欢迎关注三掌柜的微信公众号“iOS开发by三掌柜”,三掌柜的新浪微博“三掌柜666”,欢迎关注!

三掌柜的微信公众号:

三掌柜的新浪微博:

 


本文链接: http://www.dtmao.cc/news_show_600204.shtml

附件下载

相关教程

    暂无相关的数据...

共有条评论 网友评论

验证码: 看不清楚?