Nuxt 2安装VueUse后执行npm run dev提示‘command not found’错误

安全阿岳

2026-7-5

Nuxt 2中安装VueUse后npm run dev提示“command not found”的解决办法

问题根源

你安装依赖时使用了错误的包名：u/vueuse/nuxt和u/vueuse/core，正确的包名应该带@前缀，即@vueuse/nuxt和@vueuse/core。错误的包名会导致npm安装无效依赖，进而触发项目启动时的命令错误。

正确操作步骤

清理错误依赖
先卸载之前装错的无效包：
```
npm uninstall u/vueuse/nuxt u/vueuse/core
```
安装正确的VueUse依赖
执行官方标准安装命令：
```
npm install -D @vueuse/nuxt @vueuse/core
```
注：Nuxt 2适配VueUse 8.x系列（VueUse 9+主要适配Nuxt 3），若最新版仍有问题，可指定版本安装：
```
npm install -D @vueuse/nuxt@8 @vueuse/core@8
```
确认Nuxt配置正确性
确保nuxt.config.js的buildModules中配置的是正确包名：
```
// nuxt.config.js
export default {
  buildModules: [
    '@vueuse/nuxt'
  ]
}
```

测试useWindowSize功能
在pages/index.vue中正常使用API：

<template>
  <div>窗口宽度: {{ windowSize.width }}</div>
  <div>窗口高度: {{ windowSize.height }}</div>
</template>

<script>
import { useWindowSize } from '@vueuse/core'

export default {
  setup() {
    const windowSize = useWindowSize()
    return { windowSize }
  }
}
</script>