Question

我运行了一个 Nuxt 应用程序。我用 npm run dev 重新启动了服务器（注意：它第一次运行良好），现在出现上述错误。我读过 this 但它已经 5 岁了，而且是关于 Angular 的。完整的终端输出是：

FATAL  Cannot find module 'dir-glob'
13:40:16
Require stack:
- C:\web\learn\cosmico\node_modules\globby\index.js

  Require stack:
  - node_modules\globby\index.js
  at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
  at Function.resolve (internal/modules/cjs/helpers.js:94:19)
  at m (node_modules\jiti\dist\jiti.js:1:52953)
  at f (node_modules\jiti\dist\jiti.js:1:53766)
  at node_modules\globby\index.js:6:17
  at f (node_modules\jiti\dist\jiti.js:1:54655)
  at node_modules\@nuxt\components\dist\index.js:9:16
  at Resolver.f [as _require] (node_modules\jiti\dist\jiti.js:1:54655)
  at Resolver.requireModule (node_modules\@nuxt\core\dist\core.js:381:29)
  at ModuleContainer.addModule (node_modules\@nuxt\core\dist\core.js:182:38)


   ╭─────────────────────────────────────────────────────────╮
   │                                                         │
   │   ✖ Nuxt Fatal Error                                    │
   │                                                         │
   │   Error: Cannot find module 'dir-glob'                  │
   │   Require stack:                                        │
   │   - C:\web\learn\cosmico\node_modules\globby\index.js   │
   │                                                         │
   ╰─────────────────────────────────────────────────────────╯

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! cosmico@1.0.0 dev: `nuxt`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the cosmico@1.0.0 dev script.

这是在我安装 Nuxt 的 postcss8 module 后开始发生的。

[编辑]

我的 nuxt.config.js 文件：

export default {
  // Target: https://go.nuxtjs.dev/config-target
  target: 'static',

  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: 'cosmico',
    htmlAttrs: {
      lang: 'en'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: '' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },

  // Global CSS: https://go.nuxtjs.dev/config-css
  css: [
  ],

  // Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins
  plugins: [
  ],

  // Auto import components: https://go.nuxtjs.dev/config-components
  components: true,

  // Modules for dev and build (recommended): https://go.nuxtjs.dev/config-modules
  buildModules: [
    // https://go.nuxtjs.dev/tailwindcss
    '@nuxtjs/tailwindcss'
  ],

  // Modules: https://go.nuxtjs.dev/config-modules
  modules: [
  ],

  // Build Configuration: https://go.nuxtjs.dev/config-build
  build: {
  }
}

Answer 1

查看 nuxt/postcss8 documentation 的用法部分，它说您需要执行以下操作：

npm install @nuxt/postcss8 --save-dev
将以下内容添加到您的 nuxt.config 文件

export default {
  buildModules: [
    '@nuxt/postcss8'
  ]
}

Nuxt 致命错误“找不到模块‘dir-glob’”

1 个答案: