yarn create vite的时候,报错:SyntaxError: Unexpected token ‘.‘ at Loader.moduleStrategy (internal/modules/

简介: yarn create vite的时候,报错:SyntaxError: Unexpected token ‘.‘ at Loader.moduleStrategy (internal/modules/

357a2e71cc99ade2ba4d97183a21da40_ca9e7163bc5c459aa97c729fd00a6553.png


原因:


如果和我一样的话那就是node的版本问题,由于我的工作中项目是需要node.js版本等级不能太高,而在使用yarn创建vite的项目时,node.js的版本又不能太低.最终我找到了一个最合适的版本.(不高不低刚刚好): V16.15.1. 如果你所有的版本都试过了,但是找不到正好适应两者的版本,那么可以用以下方法来回切换,只需要在下载Node版本之前不删除之前的版本即可.


以下我给出了下载与切换node版本的方法.


解决:更换node.js版本


node.js版本降级或者升级


1.先下载nvm


2.修改nvm下载的地址(防止下载Node.js速度过慢,一直加载)


配置下载源


为了加快node.js和npm的下载速度,最好配置国内的node.js和npm下载源。在nvm的安装路径下,找到setting.txt文件,添加如下代码


node_mirror: https://npm.taobao.org/mirrors/node/
 npm_mirror: https://npm.taobao.org/mirrors/npm/


3.下载指定版本


4.use指定版本


第一步:先清空本地安装的node.js版本


1.按健win+R弹出窗口,键盘输入cmd,然后敲回车(或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出,输入cmd再点击回车键)


d56f1c2c4329f689d360f66bce4742f4_8fe3cf37c1754a20bb1d1ffb84fdc7d1.png


然后进入命令控制行窗口,并输入where node查看之前本地安装的node的路径


d28dac3ecda11d33e5ccf1113f546eee_6e166d6186a348db96d55be998b47b5a.png


2.找到上面找到的路径,将node.exe所在的父目录里面的所有东西都删除


5acc95c513ad952293c6341ddff8f063_a1d63e69cc124500b48b4ccc68850ee3.png


3.为了彻底删除之前安装的node.js,鼠标点击电脑左面最左下角的win窗口图标弹出,输入“控制面板”再点击回车键进入,进入控制面板后,找到所安装的node.js并卸载。


第二步:安装nvm管理工具(先关掉360等软件,不然会弹出警告!)


1.从官网下载安装包 Releases · coreybutler/nvm-windows · GitHub,下载红框里面的那个


a0a3ac780eb810ef6d8496e117194f3c_fd8d7ff12a9941ff8370656f7833450a.png


2.将下载下来的压缩包进行解压(随便解压到任一你喜欢的位置),解压文件夹里面是一个.exe文件


ddd8b19091145b448bc69484388a1bea_05245ecd24124c3d9760f98ccd011851.png


3.开始进行nvm安装: (1) 鼠标双击nvm-setup.exe文件,选择“我接受…”那一行,点击next


84f5ab71c3352b1ef5bc5768213b9621_fc25a89ff92c4db78c8ee48b419d9be8.png


(2) 可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下,如C盘、D盘下的根目录),我自己选择D盘根目录。选好后点击next


188922f26a9ddff1177061909397446c_c28393e57d3740098663a3cedae7ed0e.png


(3) 选择node.js的安装位置,可以根据自身情况自定义选择路径盘,路径不要出现空格或中文符号(路径最好是在路径盘的根目录下新建一个文件夹,如C盘、D盘下的根目录),我自己在D盘根目录下新建一个nodejs文件夹。选好后点击next


50a0ffd79bccc49fb88eb0ad5c380e8f_1911c45e0be54d20b32c8417460c85a0.png


(4) 最后一步,点击install即可安装完成


74c2d19e646ee31889ba74c5e775c075_03b56b1860dd4a62b557a8d73d65db02.png


2.nvm安装完成后,检验是否安装成功,进入命令控制行窗口(进入方法见前面), 输入命令nvm v查看,如果出现版本号,即安装成功(如果安装不成功,查看之前自己安装的node.js有没有删除彻底、安装nvm工过程有没有漏掉什么!)。


6acf55aad94a1a70c9c360c0979be094_258d81923b2948c3b6ed4cbb262a2e68.png


3.接下来就是安装node.js版本 (1) 输入命令行nvm ls anaillable查看可用的node.js版本号


03e78dcc8f0126cb38621a117a82b9b7_667025bcf38f407aa0bedb6cfea12536.png


(2) 输入命令行nvm install node版本号(例如:nvm install 12.17.0)即可安装对应版本以及自动安装对应的npm版本。除了上面显示的node.js版本,其他版本号也可以下载,只不过有些可以准确下载,有些会出现npm版本不会自动下载。


432843a8eddd5b90d41b35e373e22cdc_d89aa614adf647dc8c86b1067b90a53d.png


安装完成后可以分别输入命令行node -v和npm -v,检验node.js以及对应npm是否安装成功,如果可以显示版本号这说明安装成功。


6b26e0aca1a135627648c32074e1226d_b10de00341c94a0db30650851fd820a8.png


(3) 安装成功后,输入命令行nvm use node版本号(例如:nvm use 12.17.0)即可选择你本地所使用的Node.js版本,使用此命令行可以根据你自己的需要随意切换node.js版本运行。


50aba303447f25407fcecc606d395539_6dce4412d9e94f00adb4a614b7f6cf54.png


(4) 输入命令行nvm ls查看你安装的所有node.js版本号,以及你当前所选择的node.js运行版本(我自己安装了两个版本号,选择12.17.0版本)


e35867b9e71fc0a4052c534b94fb313f_b3899cf64dc94a2f96f7648c61bdfdee.png


(4) 如果想删除某node.js版本的话,输入命令行nvm install node版本号(例如:nvm use 12.17.0)即可删除对应版本 总结:使用nvm来管理node.js的版本真的很方便,这样就可以根据自己的需要来回切换node.js版本!


以上nvm切换方法参考的文章:windows如何把已安装的nodejs高版本降级为低版本(图文教程)_node.js_脚本之家


相关文章
|
资源调度 Java 流计算
flink yarn-per-job提交报错
flink yarn-per-job提交这个是什么问题吗,主机端口都是正常的,就报了拒绝连接?image.png 一提交到yarn就报这个错,然后失败,提交命令 flink run -t yarn-per-job -c app.dwm.UVFilterDetail /root/gmall_flink/flink_app/gmall-start-try-self-do-1.0-SNAPSHOT-jar-with-dependencies.jar,yarn-session提交是正常的,就per-job有问题?
110 1
|
资源调度 JavaScript Windows
yarn install命令报错解决办法-warning package-lock.json found.
yarn install命令报错解决办法-warning package-lock.json found.
369 0
|
缓存 资源调度 内存技术
yarn报错文件名、目录名或卷标语法不正确
yarn报错文件名、目录名或卷标语法不正确
397 0
|
资源调度 JavaScript Windows
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
956 1
yarn install命令运行报错:无法将“yarn”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。...
|
4月前
|
消息中间件 分布式计算 Java
Linux环境下 java程序提交spark任务到Yarn报错
Linux环境下 java程序提交spark任务到Yarn报错
56 5
|
5月前
|
资源调度 运维 Devops
阿里云云效操作报错合集之yarn install时报错,是什么导致的
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
|
6月前
|
资源调度 分布式计算 Hadoop
实时计算 Flink版操作报错合集之perjob提交给yarn,报错显示无法连接yarn- Connecting to ResourceManager,是什么导致的
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
|
7月前
|
资源调度
npm yarn 启动报错【已解决】
npm yarn 启动报错【已解决】
71 2
|
7月前
|
资源调度 分布式计算 Oracle
实时计算 Flink版操作报错合集之flink on yarn job manager 可以启动, 但不给分配slot ,是什么原因
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。
211 0
|
7月前
|
资源调度 关系型数据库 MySQL
实时计算 Flink版操作报错合集之如何支持yarn
在使用实时计算Flink版过程中,可能会遇到各种错误,了解这些错误的原因及解决方法对于高效排错至关重要。针对具体问题,查看Flink的日志是关键,它们通常会提供更详细的错误信息和堆栈跟踪,有助于定位问题。此外,Flink社区文档和官方论坛也是寻求帮助的好去处。以下是一些常见的操作报错及其可能的原因与解决策略。