---
title: "NPM、Yarn、Vue CLI 的常见问题以及解决方法"
date: 2025-03-15T23:00:14Z
lastmod: 2025-03-15T23:02:32Z
tags: [NPM,Yarn,Vue CLI]
---

# NPM、Yarn、Vue CLI 的常见问题以及解决方法

#### 设置国内镜像地址

- NPM

  ```plaintext
  npm config set registry https://registry.npmmirror.com
  ```
- Yarn

  ```plaintext
  yarn config set registry https://registry.npmmirror.com
  ```

#### Electron 打包时卡在 Downloading electron- *** .zip

由于网络问题，Electron 打包时可能会一直处于类似 `Downloading electron-v0.37.2-win32-x64.zip` 的状态，可以通过将 Electron 镜像设置为国内镜像地址解决：

```plaintext
npm config set ELECTRON_MIRROR https://registry.npmmirror.com/-/binary/electron/
```

#### Vue CLI，编译 Less / Sass / Scss 时提示 this.getOptions is not a function

​`less-loader`​ 或 `sass-loader` 的版本过高，不兼容，需要降级。

对于 Less：

1. 执行 `npm uninstall less-loader` 卸载已有版本。
2. 执行 `npm install less-loader@5.0.0 -D`​ 安装低版本的 `less-loader`。

对于 Sass / Scss：

1. 执行 `npm uninstall sass-loader` 卸载已有版本。
2. 执行 `npm install sass-loader@8.0.2 -D`​ 安装低版本的 `sass-loader`。

#### 使用 vue init 命令创建 electron-vue 模板项目时一直处于 downloading template 状态

使用 `vue init simulatedgreg/electron-vue`​ 命令创建 electron-vue 模板项目时一直处于 `downloading template` 状态。

可能的原因：使用 `vue init`​ 创建项目时，默认从 GitHub 下载模板，而且还会把 `.vue-templates`​ 目录下已经下载过的 `simulatedgreg-electron-vue`​ 模板目录删除，隐藏在网络不好的情况下会一直 `downloading template`。

解决办法：下载 [SimulatedGREG/electron-vue](https://github.com/SimulatedGREG/electron-vue/) 到本地，解压放入 `C:\Users\用户名\.vue-templates`​，文件夹名称为 `simulatedgreg-electron-vue`。

然后执行 `vue init simulatedgreg/electron-vue`​ 时增加一个参数 `--offline`，否则会重新下载：

```plaintext
vue init simulatedgreg/electron-vue 项目名称 --offline
```

‍