Nuxt执行npm run dev报错Cannot find module 'dir-glob'如何解决？

问题原因 #

安装Nuxt官方postcss8模块时出现依赖安装不完全的问题，dir-glob是Nuxt依赖链中globby包的必备依赖，该依赖丢失后触发模块找不到的致命错误。

可行解决方案 #

• 第一步：清除损坏的依赖和缓存文件
  删除项目根目录下的node_modules文件夹、package-lock.json文件（若使用yarn则删除yarn.lock文件），也可直接执行对应系统的删除命令：

  # Linux/Mac系统
  rm -rf node_modules package-lock.json
  

  # Windows PowerShell
  Remove-Item -Recurse -Force node_modules, package-lock.json
  

• 第二步：重新全量安装项目依赖

  npm install
  

• 可选补充步骤：如果执行完前两步仍有报错，可手动安装丢失的依赖包

  npm install dir-glob --save-dev
  

• 验证修复：执行npm run dev启动服务即可正常运行。

额外注意 #

Nuxt2使用postcss8时需要将@nuxt/postcss8添加到nuxt.config.js的buildModules配置项中，完整配置示例如下：

export default {
  // 其余原有配置保持不变
  buildModules: [
    '@nuxtjs/tailwindcss',
    '@nuxt/postcss8'
  ]
}

内容的提问来源于stack exchange，提问作者Mitya