使用vite快速安装项目(SyntaxError：Unexpected reserved word？)

最新推荐文章于 2025-01-21 20:27:59 发布
最新推荐文章于 2025-01-21 20:27:59 发布
阅读量2.5k 收藏 3
点赞数 1
文章标签： npm vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/UCqqqq/article/details/129465298
版权
本文介绍了如何在已安装node.js和npm的环境中，解决使用npm安装vite时可能出现的SyntaxError问题，通过升级nodejs到16及以上版本来解决。接着，展示了创建Vue项目的步骤，包括运行`npm create vite@latest`命令，命名项目，然后用VSCode打开项目，执行`npm install`和`npm run dev`启动开发服务器。最后，提示可以通过访问特定地址查看项目运行效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前提环境：需要安装nodejs和npm，并且nodejs版本必须在16以上

  1. 安装vite：打开命令窗口，执行命令 npm install vite -g

1.2. 如果执行该命令报错：SyntaxError：Unexpected reserved word？，需要将nodejs升级至16及以上

  1. 查看是否安装成功：执行命令vite -v

  1. 创建vue项目：执行命令npm create vite@latest ，项目名称可以自定义

  1. 使用vscode打开刚才创建的项目，在终端执行npm install和npm run dev命令

  1. 最后访问地址

【异常】Node.js版本不支持在 ESM 顶层作用域中使用await，提示报错SyntaxError: Unexpected reserved word
本本本添哥
06-12 426
（2）package.json中的type字段可能被设置为"module"，这告诉 Node.js 使用 ESM 而不是 CommonJS。虽然较新版本的 Node.js（如 Node.js 14+）支持顶层await，但可能项目配置或者 Node.js 的实际版本不支持。确保你正在使用支持顶层await的 Node.js 版本（至少 Node.js 14.8.0）然而，错误信息显示await是在一个模块顶层作用域中使用的，这通常是不允许的。在 Node.js 中，await只能在async函数内部使用。
node.js运行yarn报错SyntaxError: Unexpected string
白起的博客
09-29 1365
【代码】node.js运行yarn报错SyntaxError: Unexpected string。
解决报错 & JS & async/await & Uncaught (in promise) SyntaxError: Unexpected reserved word (at
Thinking anywhere anytime.
04-05 6636
1. 原因： 在函数内使用 await 时，该函数本身必须携带 async，否则就不能使用 async/await const foo = async () => { return new Promise((resolve) => { setTimeout(() => { console.log('Hello,world') resolve() }, 1000) }) } const bar = () => { await foo() // 错误，ba
解决Uncaught SyntaxError: Unexpected reserved word
qq_60976312的博客
03-14 6564
解决Uncaught SyntaxError: Unexpected reserved word
Node.js问题一：SyntaxError: Unexpected reserved word
Hawking的博客
03-19 1万+
遇到这个错误，上代码： import thenFs from 'then-fs' function getAllFile() { const r1 = await thenFs.readFile('./file/1.txt', 'utf8') console.log(r1) const r2 = await thenFs.readFile('./file/1.txt', 'utf8') console.log(r2) const r3 = await thenFs.readFi..
SyntaxError: Unexpected reserved word
最新发布
2401_85100493的博客
01-21 857
运行后遇到的问题提示：以下是本篇文章正文内容，下面案例可供参考。
[JS error] SyntaxError: Unexpected reserved word
JiuMeilove的博客
12-05 3850
这个错误提示 “SyntaxError: Unexpected reserved word” 是由于在你的代码中使用了保留的关键字，但是这种使用是不符合语法的。在 JavaScript 中，有一些词汇是保留的，例如 function、var、if 等，你不能把它们用作变量名或者函数名。还有一种可能是使用了新语法,但是用了错误的写法,比如我这里是因为async await。只在函数内使用await 而没将函数标记为async。SyntaxError：意外的保留字。
报错：Unexpected reserved word ‘await‘
weixin_49651654的博客
12-25 5066
async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { await this.confirmHandleFiles(folderFilesIds) }).catch
error Parsing error: Unexpected reserved word ‘await‘.
qq_45104740的博客
10-02 8652
原因： 如果想在回调函数内部写同步代码，需要把async关键字放在回调函数的前面，使async和await在相同的作用域中 修改后的代码 this.$refs.formRef.validate(async (varlid) => { if (!varlid) return const result = await this.$http.post('login', this.loginForm) console.log(result) ...
vue3.2.X + Vite2.X + Pinia2.X的前端项目常见报错
listener_life的博客
05-25 9711
vue3.2.X + Vite2.X + Pinia2.X项目中，常见错误
19:15:25.636 [plugin:vite:vue] [@vue/compiler-sfc] Unexpected reserved word 'await'. (83:17)为什么会报这个错
10-11
如果错误提到的是`SyntaxError: [vite-plugin-top-level-await] Unexpected token`,那可能是因为你在项目顶级位置使用了`await`，Vite插件`top-level-await`不允许这样做。确保`await`只在有适当异步函数的上下文中...
出错syntax error: word unexpected (expecting ")")解决
kunkliu的博客
10-13 1万+
转载地址：http://blog.chinaunix.net/uid-21948941-id-3205757.html 最近有朋友问了我一个问题，就是用gcc编译C程序时出现了：出错syntax error: word unexpected (expecting ")")，花了一点时间，去找问题所在，今天总结一下。          代码如下，即文件c_cuiyue.c。
[plugin:vite:vue] [@vue/compiler-sfc] Unexpected reserved word ‘interface‘. (3:0)
Horsens_Teng的博客
01-17 6008
Element-plus报错解决
PHP关于syntax error语法错误的问题（Parse error: syntax error, unexpected end of file in xxxxxxxx）
热门推荐
简单就是美
10-12 6万+
在php程序出现类似 Parse error: syntax error, unexpected end of file in xxxxxxxx on line xx 的错误。 如果发现php的语法本身没有什么错误。就有可能是使用了短标签，例如： <? }?> 这种问题的解决方案是： 可以在php.ini中设置short_open_tag = On --------------------------------------------------------- short_open_tag 是什么呢
vue3+vite的项目报错 await import(‘source-map-support‘).then((r) =＞ r.default.install()) ^^^^^Synta
肖肖肖丽珠的博客
04-24 3540
执行nvm list查看电脑已经安装的node版本。然后nvm use v16.17.0。我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个。报错原因是node版本的问题。要使用16之上的版本。查看一下node版本。
Unexpected reserved word ‘await‘
m0_37714008的博客
08-03 6万+
async handleDelete() { let folderFilesIds = [1, 2] this.$confirm('此操作将永久删除文件, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }).then(() => { await this.confirmHand...
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! jeeplus-ui@1.6.3 dev: `vite` npm ERR! Exit status
u010797364的博客
04-18 1690
如果执行该命令报错：SyntaxError：Unexpected reserved word？，需要将nodejs升级至14及以上。如果没有安装就执行安装命令。打开命令窗口，执行命令。就可以了，亲测可用。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值