用vite创建vue错误记录

用vite创建vue错误记录

错误描述

在运行 npm install 命令时遇到了错误。

复现步骤

  1. 打开命令行窗口。
  2. 进入项目目录。
  3. 运行 npm install 命令。

期望结果

npm install 命令能够成功安装项目所需的依赖包。

实际结果

在运行 npm install 命令时,出现了以下错误提示:

D:\c#项目\万能管理平台\demo\vite-project>yarn install
EnumerateProviders catalog=0
EnumerateProviders totalPro=25
yarn install v1.22.19
info No lockfile found.
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
error D:\c#项目\万能管理平台\demo\vite-project\node_modules\esbuild: Command failed.
Exit code: 1
Command: node install.js
Arguments:
Directory: D:\c#项目\万能管理平台\demo\vite-project\node_modules\esbuild
Output:
D:\c#项目\万能管理平台\demo\vite-project\node_modules\esbuild\install.js:132
    throw new Error(`Expected ${JSON.stringify(versionFromPackageJSON)} but got ${JSON.stringify(stdout)}`);
          ^

Error: Expected "0.18.20" but got "0.18.20\nEnumerateProviders catalog=0\r\r\nEnumerateProviders totalPro=25"
    at validateBinaryVersion (D:\c#项目\万能管理平台\demo\vite-project\node_modules\esbuild\install.js:132:11)
    at D:\c#项目\万能管理平台\demo\vite-project\node_modules\esbuild\install.js:283:5
EnumerateProviders catalog=0
EnumerateProviders totalPro=25
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command.

环境信息

  • 操作系统:Windows 10 64位
  • Node.js 版本:16.20.2
  • npm 版本:8.19.4

错误分析

  1. Node和npm版本不合适

解决方案

通过nvm下载合适的node版本以及对应的npm版本来解决该错误:

  1. 安装 nvm:

    1. 访问 nvm 的 GitHub 页面:https://github.com/coreybutler/nvm-windows。
    2. 在页面上找到 “nvm-setup.zip” 的下载链接并下载。
    3. 下载完成后,解压缩 “nvm-setup.zip” 文件,并运行其中的 “nvm-setup.exe” 安装程序。
    4. 安装程序将引导你完成 nvm 的安装过程。按照提示进行安装,并选择你想要安装的位置。
    5. 安装完成后,关闭当前的命令行窗口并重新打开一个新的命令行窗口,以加载 nvm 的环境变量。

    安装 Node.js 14.18.0:

    1. 在新的命令行窗口中,运行以下命令来安装 Node.js 14.18.0 版本:
    nvm install 14.18.0
    

    这将下载和安装 Node.js 14.18.0 版本。安装过程可能需要一些时间,取决于你的网络速度。

    使用 Node.js 14.18.0:

    1. 使用以下命令来切换到 Node.js 14.18.0 版本:
    nvm use 14.18.0
    

    这将在当前命令行窗口中启用 Node.js 14.18.0。你可以验证已切换到正确的版本:

    node --version
    

    运行结果应该显示安装的 Node.js 版本号为 14.18.0。

    现在你已经成功安装并且正在使用 Node.js 14.18.0 版本。

    请注意,nvm 允许你在同一台计算机上安装和管理多个 Node.js 版本。通过使用 nvm use 命令,你可以在不同的命令行窗口中切换版本。

如果问题仍然存在,可以查看相关的 npm 文档、社区讨论或提交 issue 寻求帮助。

相关问题/链接(可选)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
为了使用vite创建一个Vue项目,你可以按照以下步骤操作: 1. 首先,在你的项目根目录下,使用命令行工具运行以下命令,安装vite: ``` npm install -g create-vite ``` 2. 然后,创建一个新的vue项目,运行以下命令: ``` create-vite your-project-name --template vue ``` 这将创建一个名为"your-project-name"的文件夹,并且在其中初始化一个vue项目。 3. 进入新创建的项目文件夹: ``` cd your-project-name ``` 4. 通过以下命令安装项目依赖项: ``` npm install ``` 5. 最后,通过以下命令启动开发服务器: ``` npm run dev ``` 这样,你就成功使用vite创建了一个Vue项目,并启动了开发服务器,你可以在浏览器中访问该项目。请记住,使用vite创建Vue项目拥有更好的支持性,因此在开发过程中可能会更加高效。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [创建基于vitevue项目](https://blog.csdn.net/m0_69298614/article/details/129973024)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【vue3】使用vite构建vue3项目](https://blog.csdn.net/m0_61118311/article/details/129843808)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值