rm -rf node_modules
npm install

Run Vite Build with Debug: Run Vite build with the debug flag to get more detailed logs.

DEBUG=vite:* npm run build

清除缓存并重试

尝试清除构建缓存并重新构建项目:

rm -rf node_modules/.vite
npm run build

Yarn 是 JavaScript 的软件包管理器,由 Facebook 与其他公司合作开发,旨在解决 npm(Node 软件包管理器)的一些不足之处。它以速度、可靠性和安全性著称。

常见的 Yarn 命令
以下是一些常见的 Yarn 命令及其 npm 对应命令:

初始化新项目

yarn init

等同于 npm init

添加软件包

yarn add [package-name]

Equivalent to npm install [package-name] --save

Add a Package as a Dev Dependency

yarn add [package-name] --dev

Remove a Package

yarn remove [package-name]

Equivalent to npm uninstall [package-name] --save

Install All Dependencies

yarn install

Equivalent to npm install

Update a Package

yarn upgrade [package-name]

Equivalent to npm update [package-name]

Run a Script

yarn run [script]

List Installed Packages

yarn list

使用场景

  • 速度和效率: Yarn 会并行安装软件包,与 npm 相比,它能显著加快安装进程,尤其是在依赖关系较多的项目中。

  • 可靠性: Yarn 使用锁文件(yarn.lock)来确保在每台机器上都安装了完全相同的依赖项。这有助于避免 “在我的机器上能用 ”的问题。

  • 安全性 在执行代码前,Yarn 使用校验和来验证每个已安装软件包的完整性。

在使用npm(Node Package Manager)时,有一些常用命令是每个开发者都应该熟悉的,这些建立了在Node.js和前端项目中管理依赖项的基础。下面是一些常用的npm命令:

  1. 初始化一个新项目
    npm init: 交互式创建一个package.json文件。
    npm init -y: 快速创建一个package.json文件,跳过询问步骤,使用默认值。
  2. 安装依赖
    npm install : 安装一个包,并将其添加到package.json文件的dependencies中。
    npm install --save-dev: 安装一个包,并将其添加到package.json文件的devDependencies中。
    npm install: 根据当前目录下的package.json文件安装所有依赖。
  3. 卸载依赖
    npm uninstall : 从项目中移除一个包,并更新package.json和package-lock.json文件。
  4. 更新依赖
    npm update: 更新所有模块到package.json中指定的最新版本。
    npm update : 更新指定的包到最新版本。
  5. 查看安装的包
    npm list: 查看当前项目安装的所有npm包。
    npm list --global: 查看全局安装的所有npm包。
    npm list : 查看特定包的版本和依赖信息。
  6. 运行脚本
    npm run : 运行package.json中scripts对象下的指定脚本。
  7. 发布和管理包
    npm login: 登录到npm账户。
    npm publish: 发布一个包到npm仓库。
    npm version : 更新你的包的版本号(update_type可以是major、minor或patch)。
    npm deprecate @ "": 弃用一个特定版本的包,并提供一个理由。
  8. 管理缓存
    npm cache clean --force: 清除npm缓存。在某些情况下有助于解决与缓存相关的问题。
  9. 查看包信息
    npm view : 查看一个包的详细信息,比如版本号、依赖关系等。