npm Nuxt致命错误“找不到模块'dir-glob'”

uqdfh47h  于 2022-11-14  发布在  其他
关注(0)|答案(1)|浏览(376)

我有一个Nuxt应用程序正在运行。我重新启动了服务器(注意:第一次运行很好),现在我得到了上面的错误。我读过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: {
  }
}
vktxenjb

vktxenjb1#

查看nuxt/postcss 8文档的用法部分,它指出您需要执行以下操作:

  • npm install @nuxt/postcss8 --save-dev
  • 将以下内容添加到您的nuxt.config文件
export default {
  buildModules: [
    '@nuxt/postcss8'
  ]
}

关于当前赏金的更新

此问题与旧项目有关。Javascript前端领域往往会快速移动,随着时间的推移,节点版本、包管理器和锁定文件可能需要一些维护。
一些软件包的解析有时也会出错(关于依赖关系图,NPM上不可用的或退役的/重命名的项目等),因此一些项目可能无法再构建。
破坏node_modules和运行npm i可能会解决问题,否则使用冻结的锁定文件也会很有用。但这也主要取决于你正在使用的可能的包的一些破坏性的变化。
其中一些需要丢弃某种缓存,尤其是在Webpack/SASS/etc...依赖项引擎的低级别更改时。
要了解更多详细信息和有效的调试会话,我们需要您的个人配置,以尝试缩小其来源。
PS:yarnPNPM通常也更擅长提供可读的错误。除了没有一些奇怪的问题与非安装的依赖项(特别是如果使用PNPM的shamefully-hoist=trueauto-install-peers=true标志到您的.npmrc项目的文件)。

相关问题