webpack NextJS组路由编译错误“既不是posix也不是windows路径”

i2byvkas  于 2024-01-08  发布在  Webpack
关注(0)|答案(1)|浏览(158)

学习nextJS通过做他们的课程(https://nextjs.org/learn/dashboard-app/streaming).当创建一个括号文件夹(概述)我得到这个错误时编译:
“uncaughtException:错误:.既不是posix也不是windows路径,并且在join时文件系统中没有定义'join'方法”

包.json

{
  "private": true,
  "scripts": {
    "build": "next build",
    "dev": "next dev",
    "start": "next start",
    "seed": "node -r dotenv/config ./scripts/seed.js"
  },
  "dependencies": {
    "@heroicons/react": "^2.0.18",
    "@tailwindcss/forms": "^0.5.6",
    "@types/node": "20.5.7",
    "@vercel/postgres": "^0.5.1",
    "autoprefixer": "10.4.15",
    "bcrypt": "^5.1.1",
    "clsx": "^2.0.0",
    "next": "^14.0.2",
    "postcss": "8.4.31",
    "react": "18.2.0",
    "react-dom": "18.2.0",
    "tailwindcss": "3.3.3",
    "typescript": "5.2.2",
    "zod": "^3.22.2"
  },
  "devDependencies": {
    "@types/bcrypt": "^5.0.1",
    "@types/react": "18.2.21",
    "@types/react-dom": "18.2.14",
    "dotenv": "^16.3.1",
    "eslint": "^8.52.0",
    "eslint-config-next": "^14.0.0",
    "prettier": "^3.0.3"
  },
  "engines": {
    "node": ">=18.17.0"
  }
}

字符串

文件夹树

  • app
  • (概述)
  • page.tsx
  • loading.tsx
  • 客户
  • page.tsx
  • 发票
  • page.tsx
  • layout.tsx
    next.config.js
/** @type {import('next').NextConfig} */
const nextConfig = {};

module.exports = nextConfig;


任何想法可能导致这个问题?我正在寻找答案,但还没有找到

2guxujil

2guxujil1#

我自己也遇到过类似的问题,重启服务器和删除.next文件夹都没用。
你是在Windows上吗?我注意到node.js中的某些内容似乎不喜欢Windows上带方括号的路径,尽管文件系统支持它。我猜路径上的括号也会发生类似的情况,因为该教程使用了括号。如果您确实在Windows上,尝试在WSL下运行node.js(Linux的Windows子系统)。我运行的是Ubuntu 22.04(wsl --install Ubuntu-22.04),删除了.nextnode_modules文件夹,用npm install重新安装节点模块,并重新启动Next.js应用程序。之后一切正常。

相关问题