Watchpack Error (initial scan): Error: ENOTDIR: not a directory, scandir

[productdevbook]

https://github.com/productfrontenddeveloper/nuxt3_bug

Environment

---

• Operating System: Darwin
• Node Version: v14.18.0
• Nuxt Version: 2.16.0-27226092.034b9901
• Package Manager: Yarn
• Bundler: Webpack
• User Config: components, css, head, router, loading, buildModules, image, modules, build, plugins, pwa, i18n, auth, server, axios, apollo, publicRuntimeConfig
• Runtime Modules: @nuxtjs/auth-next@5.0.0-1624817847.21691f1, nuxt-tailvue@1.0.91, @nuxtjs/axios@5.13.6, @nuxtjs/i18n@7.0.3, @nuxtjs/sentry@5.1.3, nuxt-viewport@0.0.7, @nuxt/image@0.6.0, @nuxtjs/apollo@4.0.1-rc.5, @nuxtjs/universal-storage@0.5.9, @nuxtjs/pwa@3.3.5
• Build Modules: nuxt-use-motion@2.0.0-beta.5, @nuxtjs/date-fns@1.5.0, @pinia/nuxt@0.0.4, @nuxt/bridge@3.0.0-27234169.3c132a8

---

Describe the bug and expected behavior

Steps to

yarn install
yarn dev

[pi0]

/cc @danielroe

[danielroe]

@productfrontenddeveloper You had issues with two libraries, date-fns and vue-filepond.

Issues:

• vue-filepond was importing from vue/dist/vue.esm which conflicted with a vue alias provided by bridge
• date-fns resolution issue probably needs to be addressed in @nuxtjs/date-fns module as it's a byproduct of the wp5 resolver we've backported...

[productdevbook]

@danielroe thank you, fixed vue-filepond but @nuxtjs/date-fns problem some.
iam update my repo.

[jodelamo]

Hey everyone. Very excited to upgrade our web application to Nuxt 3, but this one's still a blocker for us. Any work being done on @nuxtjs/date-fns to resolve the above mentioned issues?

If not, any pointers on what we could do to help out?

EDIT: Somehow overlooked that this was closed. If so, what's the solution?

[zulvkr]

Hi, @productdevbook, I know this is old. Care to share your solution for vue-filepond? I thought I will use filepond core instead if I can't make it work.

[FieldMarshallVague]

I am having the same trouble with Nuxt-Bridge. It seems to have started since I tried switching from Webpack to Vite, but I've switched back and am still having the same problem.

✖ Server
  Compiled with some errors in 233.15ms

i Preparing project for development                                                                                                                                                                                                                                12:52:30
i Initial build may take a while                                                                                                                                                                                                                                   12:52:30

 WARN  Components directory not found: ~/components/base/foo                                                                                                                                                                                                       12:52:30

i Discovered Components: .nuxt/components/readme.md                                                                                                                                                                                                                12:52:30
√ Builder initialized                                                                                                                                                                                                                                              12:52:30

✖ Client
  Compiled with some errors in 264.67ms

● Server █████████████████████████ building (10%) 1/1 modules 0 active



 ERROR  Watchpack Error (initial scan): Error: ENOTDIR: not a directory, scandir 'C:\projects\test\.nuxt\server.js'                                                                                                                        12:52:30

√ Nuxt files generated                                                                                                                                                                                                                                             12:52:30

 ERROR  Failed to compile with 1 errors                                                                                                                                                                                                            friendly-errors 12:52:30

This dependency was not found:                                                                                                                                                                                                                     friendly-errors 12:52:30
                                                                                                                                                                                                                                                   friendly-errors 12:52:30
* C:\projects\test\.nuxt\client.js in multi ./node_modules/eventsource-polyfill/dist/browserify-eventsource.js (webpack)-hot-middleware/client.js?reload=true&timeout=30000&ansiColors=&overlayStyles=&path=%2F__webpack_hmr%2Fclient&name=client ./.nuxt/client.js
                                                                                                                                                                                                                                                   friendly-errors 12:52:30
To install it, you can run: npm install --save C:\projects\test\.nuxt\client.js                                                                                                                                            friendly-errors 12:52:31

 ERROR  Watchpack Error (initial scan): Error: ENOTDIR: not a directory, scandir 'C:\projects\test\.nuxt\client.js'                                                                                                                        12:52:31


● Client █████████████████████████ building (12%) 18/19 modules 1 active
 babel-loader › .nuxt\client.js

✖ Server
  Compiled with some errors in 16.18ms

It hangs at this point, without returning to prompt. I've updated all the packages to latest, but this didn't help.

I'm using target: static with nitro and SSR: true.

I'm wondering what is the easiest way to start over? Or even if that will help? I've deleted .nuxt and output folders (tried generate, too, but that just quits at the same point without showing any errors).

NOTE: I had a previous error, where it was complaining about not finding 'nuxt/ui-templates', which I fixed from another issue on this repo (mapping the ui-templates to ui-templates-edge in the package.json).

{
  "name": "example.com",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxi dev",
    "build": "nuxi build",
    "start": "nuxi preview",
    "clean": "nuxi clean",
    "generate": "nuxi generate",
    "lint:js": "eslint --ext \".js,.vue\" --ignore-path .gitignore .",
    "lint": "npm run lint:js",
    "test": "jest"
  },
  "dependencies": {
    "@nuxt/ui-templates": "npm:@nuxt/ui-templates-edge@0.0.0-27455683.83d2457",
    "@nuxtjs/applicationinsights": "^1.2.2",
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/gtm": "^2.4.0",
    "@nuxtjs/strapi": "^1.3.1",
    "@vueuse/head": "^0.7.5",
    "core-js": "^3.21.1",
    "graphql": "^16.3.0",
    "graphql-tag": "^2.12.6",
    "nuxt-edge": "latest",
    "vue-router": "^4.0.14",
    "vue-use-popperjs": "^2.3.1"
  },
  "devDependencies": {
    "@babel/eslint-parser": "^7.17.0",
    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
    "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3",
    "@nuxt/bridge": "npm:@nuxt/bridge-edge@^3.0.0-27467056.93c4dfe",
    "@nuxt/kit": "npm:@nuxt/kit-edge@^3.0.0-27467056.93c4dfe",
    "@nuxt/types": "^2.15.8",
    "@nuxtjs/eslint-config-typescript": "^9.0.0",
    "@nuxtjs/eslint-module": "^3.0.2",
    "@nuxtjs/google-fonts": "^1.3.0",
    "@nuxtjs/style-resources": "^1.2.1",
    "@nuxtjs/svg": "^0.4.0",
    "@vue/runtime-dom": "^3.2.31",
    "@vue/test-utils": "^1.3.0",
    "babel-core": "7.0.0-bridge.0",
    "babel-jest": "^27.5.1",
    "eslint": "^8.11.0",
    "eslint-config-prettier": "^8.5.0",
    "eslint-plugin-nuxt": "^3.2.0",
    "eslint-plugin-vue": "^8.5.0",
    "fibers": "^5.0.1",
    "hookable": "^5.1.1",
    "jest": "^27.5.1",
    "postcss-preset-env": "^7.4.3",
    "prettier": "^2.6.0",
    "sass": "^1.49.9",
    "sass-loader": "^12.6.0",
    "ts-jest": "^27.1.3",
    "typescript": "4.6.2",
    "vite-plugin-checker": "^0.4.3",
    "vue-jest": "^3.0.7",
    "vue-template-babel-compiler": "^1.1.3",
    "vue-tsc": "^0.33.7"
  }
}

Any thoughts or advice would be appreciated.

[kota-nakagawa]

I'm useing @nuxt/date-fns.

Please let me know if you intend to correct the error here.
This error also occurs in the latest version.