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

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

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

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

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

最低0.47元/天 解锁文章
今天没学java
关注
【异常】Node.js版本不支持在 ESM 顶层作用域中使用await，提示报错SyntaxError: Unexpected reserved word
本本本添哥
06-12 218
（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函数内部使用。
【Vue3复习】Vite创建项目报错解决
最新发布
weixin_40874076的博客
07-29 368
使用命令创建项目时，没有按顺序执行以下提示命令。
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..
[JS error] SyntaxError: Unexpected reserved word
JiuMeilove的博客
12-05 2903
这个错误提示 “SyntaxError: Unexpected reserved word” 是由于在你的代码中使用了保留的关键字，但是这种使用是不符合语法的。在 JavaScript 中，有一些词汇是保留的，例如 function、var、if 等，你不能把它们用作变量名或者函数名。还有一种可能是使用了新语法,但是用了错误的写法,比如我这里是因为async await。只在函数内使用await 而没将函数标记为async。SyntaxError：意外的保留字。
解决Uncaught SyntaxError: Unexpected reserved word
zz130428的博客
05-11 3734
然后查看了一下谷歌浏览器的版本，发现需要更新，以前没有关注过这个问题。发现这个报错之后，首先查看node版本是否过低，如果正常则进行下一步。首先，我运行项目报错，我查看了一下node版本，是否太低，换了一个浏览器运行，一点问题都没有，使用谷歌浏览器就报错，目前，node已经升级到19，升级到16即可，无需太高。接着查看浏览器的版本是否过低，如果过低，进行升级。如果是14版本的话，那么node需要升级，然后接着从网上搜报错，经历无数次的踩坑，更新完node版本之后，发现它还是报错。发现是浏览器的问题，
解决报错 & JS & async/await & Uncaught (in promise) SyntaxError: Unexpected reserved word (at
cookcyq__的博客
04-05 6516
1. 原因： 在函数内使用 await 时，该函数本身必须携带 async，否则就不能使用 async/await const foo = async () => { return new Promise((resolve) => { setTimeout(() => { console.log('Hello,world') resolve() }, 1000) }) } const bar = () => { await foo() // 错误，ba
vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错
10-17
主要介绍了vue-cli 打包后提交到线上出现 "Uncaught SyntaxError:Unexpected token" 报错，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
node.js运行yarn报错SyntaxError: Unexpected string
白起的博客
09-29 1244
【代码】node.js运行yarn报错SyntaxError: Unexpected string。
vue项目出现Uncaught SyntaxError: Unexpected token 解决方案
Eric__Zhang的博客
09-28 3716
vue项目出现Uncaught SyntaxError: Unexpected token 解决方案 最近在做vue项目时，需要引入一个第三方的js文件，在index.html中通过以下方式引入JS文件编译后，就报了这个问题。 根据广大的网页的思路，导致这一现象的原因可能有以下几种： 原因一.引用文件的位置不正确 js文件放在static文件夹下和放在assets文件夹下的引用方式是不一样的。简而言之： 1.assets用来放置样式、静态图片，只要src下面的组件中用到的资源就放在assets中。 2.st
报错：Unexpected reserved word ‘await‘
weixin_49651654的博客
12-25 4611
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 8518
原因： 如果想在回调函数内部写同步代码，需要把async关键字放在回调函数的前面，使async和await在相同的作用域中 修改后的代码 this.$refs.formRef.validate(async (varlid) => { if (!varlid) return const result = await this.$http.post('login', this.loginForm) console.log(result) ...
yarn create vite的时候,报错:SyntaxError: Unexpected token ‘.‘ at Loader.moduleStrategy (internal/modules/
李十三的博客
06-01 6720
正在上传…重新上传取消原因:如果和我一样的话那就是node的版本问题,由于我的工作中项目是需要node.js版本等级不能太高,而在使用yarn创建vite的项目时,node.js的版本又不能太低.最终我找到了一个最合适的版本.(不高不低刚刚好): V16.15.1. 如果你所有的版本都试过了,但是找不到正好适应两者的版本,那么可以用以下方法来回切换,只需要在下载Node版本之前不删除之前的版本即可.以下我给出了下载与切换node版本的方法.解决:更换node.js版本。
出错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 5561
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 3192
执行nvm list查看电脑已经安装的node版本。然后nvm use v16.17.0。我的电脑安装了nvm可以查看目前已有的node版本。不会安装nvm的参考这个。报错原因是node版本的问题。要使用16之上的版本。查看一下node版本。
vite项目运行时Uncaught SyntaxError: Unexpected token ?
09-14
运行Vite项目时出现"Uncaught SyntaxError: Unexpected token ?"错误通常是因为你的浏览器不支持ES6语法中的某些特性，特别是条件运算符（即问号和冒号）的使用。 要解决这个问题，你可以尝试以下几种方法： 1. ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值