1. Toy模板网首页
  2. > Toy博客

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

7月前 作者：IT李十三 分类：Toy博客 阅读(38) 违法举报

这篇具有很好参考价值的文章主要介绍了yarn create vite的时候,报错:SyntaxError: Unexpected token ‘.‘ at Loader.moduleStrategy (internal/modules/。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

 

原因:

如果和我一样的话那就是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再点击回车键）

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

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

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

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

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

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

第二步：安装nvm管理工具（先关掉360等软件，不然会弹出警告！）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

以上nvm切换方法参考的文章:windows如何把已安装的nodejs高版本降级为低版本(图文教程)_node.js_脚本之家文章来源地址https://www.toymoban.com/news/detail-469417.html

到了这里，关于yarn create vite的时候,报错:SyntaxError: Unexpected token ‘.‘ at Loader.moduleStrategy (internal/modules/的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：
领支付宝红包 赞助服务器费用

相关文章

  • 报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON

    报错Uncaught SyntaxError: Unexpected token ‘o‘, “[object Obj“... is not valid JSON

    解决： 参考： https://reactgo.com/javascript-fix-unexpected-token-error/

    2024年02月16日
    浏览(46)

  • vue报错：Uncaught SyntaxError: Unexpected token <；也就是前端的js请求响应数据是html格式的原因和解决方法

    “Uncaught SyntaxError: Unexpected token lt;” 错误通常出现在浏览器的开发者工具（console）中，它表示在解析 JavaScript 代码时遇到了意外的 字符。这个错误通常是由以下几种情况引起的： 代码中的 被错误地识别为 HTML 标签的开始：这通常发生在在引用外部 JavaScript 文件时，浏览器

    2024年02月07日
    浏览(35)
  • 完美解决 Uncaught SyntaxError: Unexpected token ‘＜‘

    完美解决 Uncaught SyntaxError: Unexpected token ‘＜‘

    vue项目的代码打包后，部署到服务器上面，打开后控制台报错如下： 其实不是代码的问题，而是资源公共路径设置的问题，解决方法如下： 只要把这里的 publicPath 设置为 “/” 就行，前面不要加点，改了之后问题就解决了。 提示：其实系统默认就是‘/’，只是部署的时候看

    2024年02月16日
    浏览(36)
  • Uncaught SyntaxError: Unexpected token ‘export‘

    Uncaught SyntaxError: Unexpected token ‘export‘

    index.html中引入一个下方这种结构的js文件， 但是报错了 原因及解决方案： 览器虽然支持了es6，但是不支持es6的Module直接使用，需要在script标签里加上 type=“module”，让浏览器很好的去认识它。

    2024年02月13日
    浏览(34)
  • nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘

    nginx部署前端项目 nginx部署无法加载js/css问题 Uncaught SyntaxError: Unexpected token ‘＜‘

    注意：将多个html项目放在一个server中出现js,css加载不出来问题 可以将文件放在主项目同级目录下（暂时解决，可能是静态资源配置问题，不会弄）。 1.下载nginx,解压 2.将项目放入html目录下 3.修改nginx.conf文件 4.修改端口防止占用和添加新映射 5.普通html项目，部署会出现以下

    2024年02月04日
    浏览(40)
  • 解决报错SyntaxError：Unexpected end of JSON input

    解决报错SyntaxError：Unexpected end of JSON input

    跳转页面传递参数 报错提示 SyntaxError：Unexpected end of JSON input 原因：若对象的参数或数组的元素中遇到地址中包括? - _ . ! ~ * \\\' ( )等特殊符号时，对象/数组先要通过JSON.stringify转化为字符串再通过 encodeURIComponent 编码，接收时，先通过 decodeURIComponent 解码再通过JSON.parse转换为

    2024年02月11日
    浏览(46)

  • npm安装yarn报npm ERR Unexpected token ‘.‘错误的解决办法

    问题背景 最近发现很多前端框架或前端产品的学习和使用都用到了yarn，一开始不知道这是干什么的，后在网上搜索说是JS包管理工具，我一致都是用的nodeJs，难道node过时了，然后有一顿搜索，网上是这么介绍的。 Yarn是什么？ “Yarn是由Facebook、Google、Exponent 和 Tilde 联合推出

    2024年02月01日
    浏览(41)

  • 解决npm报错Error:EEXIST: file already exists, mkdir “文件路径“，yarn create vite-app 报文件名、目录名或卷标语法不正确

    我这里出现错误是因为在配置npm命令目录与npm全局安装位置时目录创建失败，但是在执行 命令之后在本地的\\\" .yarnrc \\\"文件中 \\\" global-folder \\\" 属性被写入，之后会卡在 这个问题 在c盘的对应用户的文件夹下找到 .yarnrc 文件，打开它，将其配置为正确的路径即可 我这里是因为yarn的

    2024年02月08日
    浏览(46)
  • 解决微信小程序报错：“SyntaxError：Unexpected end of JSON input”

    解决微信小程序报错：“SyntaxError：Unexpected end of JSON input”

    1. 报错原因：        如果对象的参数或数组的元素中遇到地址，地址中包括?、这些特殊符号时，对象/数组先要通过JSON.stringify转化为字符串再通过encodeURIComponent编码；接收时，先通过decodeURIComponent解码再通过JSON.parse转换为JSON格式的对象/数组。 2. 正确的代码如下：

    2024年02月04日
    浏览(32)
  • harmonyos预览功能报错：[webpack-cli] SyntaxError: Unexpected end of JSON input

    harmonyos预览功能报错：[webpack-cli] SyntaxError: Unexpected end of JSON input

    在使用DevEco Studio写页面，进行预览的时候报错： 如图所示： 上一分钟还在好好的写代码，预览功能还能使用，突然下一秒预览功能报错了。 对问题进行分析排查： 1.打开另一个工程，页面可以预览，说明跟开发工具应该没有关系 2.检查代码是否有修改，是否影响 3.仔细查看

    2024年01月23日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包，优惠每天领

二维码1

领取红包

二维码2

领红包