vue前端项目启动出错处理

最新推荐文章于 2024-04-04 00:57:47 发布
最新推荐文章于 2024-04-04 00:57:47 发布
阅读量3.7k 收藏 7
点赞数 4
分类专栏： 其他 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/douzhenwen/article/details/113398404
版权
在尝试启动Vue前端项目时遇到错误，问题根源在于使用的Node.js版本较低。错误详细信息显示在`eslint/lib/cli-engine/cli-engine.js`文件的第421行。为了解决这个问题，可以通过运行`node-v`命令检查当前的Node版本。如果版本过低，建议卸载旧版本并安装最新版Node.js，以确保项目正常运行。
摘要由CSDN通过智能技术生成

操作

1.使用npm install 安装vue所需的依赖包

2.使用npm run dev启动前端项目

错误信息

Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421
    } catch {
            ^

SyntaxError: Unexpected token {


 @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

原因

node版本太低

通过 node -v 命令可查询node的版本

解决方案

重新下载安装最新版本的node，覆盖原有node

 

菜鸟阿都
关注
专栏目录
vue项目 启动失败报错（实用的解决方法）
前端程序员、项目经理、人工智能博主
10-31 5265
第一种报错如下 解决办法： 直接项目目录下运行npm install webpack-dev-server -g 第二种常见报错如下 如果我们遇到像Error: Cannot find module '***'的报错 我们可以直接项目目录下npm install 报错提示的***去进行下载 示例报错如下： 解决办法: 讲解完毕 ...
云E办Springboot+vue——前端项目完整版（含源码）
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
08-10 5万+
本项目基于Vue+Spring Boot构架一个前后端分离项目。前端使用社区非常活跃的开源框架vue进行构建。受疫情的影响，许多企业由线上办公转为线下办公。随着线上办公的人数的增多，线上办公的优点逐步凸显：通过实现工作流程的自动化、节省企业办公费用、实现绿色办公，同时提升办公效率。前端使用的技术有： Vue、Vue-cli、Vuex、VueRouter、ElementUI、Axios、ES6、Webpack、WebSocket、font-awesome、js-file-download、vue-chat 项
nodejs版本低导致的vue项目不能启动
wltian
06-16 2165
1.问题描述 启动项目时，报错：Error: Cannot find module ‘worker_threads’… 2.问题原因 nodejs版本低导致的报错，（说明：这个项目是别人之前写好的项目），我的nodejs版本是v10,而项目中用到了v12以上版本才可以使用的模块 3.解决方式 升级nodejs:(这里主要记录的就是nodejs升级方式，下次使用时，就可以很快找到) 安装 n 依赖 sudo npm i -g n 安装需要的版本（我这里安装的是12.3.1） sudo n s
【VUE】Uncaught SyntaxError: Invalid or unexpected token
SZnAl的博客
03-03 1822
Uncaught SyntaxError: Invalid or unexpected token 解决方法： 查看后面的错误信息，如果是node_modules…删除node_modules文件夹内对应的组件文件夹，然后通过 npm install自动下载删除的组件即可
vue 依赖包报错 eslint\lib\cli-engine\cli-engine.js:421
IT博客技术分享
03-02 2102
Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421 } catch { ^ SyntaxError: Unexpected token { @ multi (webpack)-dev-server/client?http://localhost:81&sockPath=/sockjs-node (webpack)/hot/dev.
RuoYi-Vue，执行npm run dev，报错“RuoYi-Vue\ruoyi-ui\node_modules\eslint\lib\cli-engine\cli-engine.js:421”
君临天下tjm的博客
09-29 3003
在控制面板卸载node，重新下载安装最新版本的node。通过 node -v 命令可查询node的版本。执行NPM安装淘宝镜像，
vue管理系统前端模板源码.zip
11-14
Vue.js 是一款非常流行的前端JavaScript框架，由尤雨溪（Evan You）开发，它以其简洁的API和组件化的设计赢得了...对于初学者来说，这是一个很好的实践项目，对于有经验的开发者，它也可以作为快速启动新项目的基础。
Vue项目启动报错
qq_45072346的博客
03-22 319
Vue项目报错：npm ERR! todos@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`问题描述：解决方案： 问题描述： 进入项目输入npm run dev 报错 解决方案： 1、删除项目中 node_modules 包中的所有包 2、命令行输入 npm install 3、输入 npm run dev 启动 ...
VUE项目启动报错
哈哈哈哈
03-11 338
看报错行代码，没有任何头绪，百度。
使用npm run dev启动ruoyi-ui报……cli-engine.js:421 } catch {}错误解决办法
Self_discipline8的博客
01-20 2868
使用npm run dev启动ruoyi-ui报……cli-engine.js:421 } catch {}错误解决办法。 原因所在：node.js的版本过低，导致报错。 解决办法：升级到10版本以上，我升级的v10.12.0即可解决 详细步骤： 一、 ①win+r打开窗口输入cmd ②打开cmd.exe 二、输入where node查看node.js的安装路径 三、node.js旧版本下载node.js的v10.12.0版本 ①找到对应的版本 ②之后选择msi这个版本（该版本可以直接安装）双击下载
若依项目前端在启动阶段报错的处理方式
紫水木鱼的博客
04-21 891
打开vue.config.js 文件。重启后， eslint就关闭了。
新建Vue 项目
m0_50565821的博客
12-22 1887
3.1安装：cnpm i sass-loader@10 node-sass@6 -S ----->注意与node 版本的匹配，这里用的16版本的node。cnpm i element-ui -S ------>项目命令引入element ui。2.3 npx vue create project-one ------创建项目。cnpm i babel-plug-component -------->安装插件。cnpm i -D @vue/cli -------安装脚手架。
git报错
Zxl_sir的博客
05-20 247
node版本问题导致项目运行报错，升级或降级node版本与git仓库代码所支持的Node版本保持一致。
vue记错误日志：Syntax Error: Error: Unexpected ‘/‘. Escaping special characters with \ may help.
Nothing is impossible to a willing heart.
09-26 1634
解决：注释格式改一下就没问题了。原因：css代码格式有问题。并且dish文件夹为空。
新手小白运行Springboot+vue项目
qq_54641516的博客
06-02 8091
新手运行Springboot+vue项目的参考
create-vite-app vue3-camp创建项目失败，如何解决？
qq_39323073的博客
10-21 2398
问题： 在使用create-vite-app vue3-camp创建项目时失败，报错如下： /usr/local/lib/node_modules/create-vite-app/node_modules/fs-extra/lib/mkdirs/make-dir.js:85 } catch { ^ SyntaxError: Unexpected token { at createScript (vm.js:80:10) at Object.runIn
} catch {____SyntaxError: Unexpected token {
最新发布
qq_38067887的博客
04-04 156
以下是chatgpt的回答:
按照官网的方法vue局部引入element-ui报错及解决办法SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server
weixin_38345306的博客
10-13 785
问题：按照官网知识局部引用element-ui报错， 执行“npm install babel-plugin-component -D”后直接运行项目报错SyntaxError: Invalid or unexpected token @ multi (webpack)-dev-server/client? 原因：未安装element-ui 解决办法： 执行npm install --save element-ui命令即可 ...
解决Node.js项目报错SyntaxError: Unexpected token ...
热门推荐
干志雄的博客
09-11 10万+
解决Node.js项目报错SyntaxError: Unexpected token ...(解决Node.js低版本不支持...操作符的问题)
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值