You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Next.js 10.0.0构建报错:SyntaxError及MODULE_NOT_FOUND问题求助

Next.js 10.0.0 预发布环境构建报错问题

我在构建Next.js 10.0.0项目时遇到以下问题:

  • 仅在staging(预发布)环境出现报错,本地及生产环境均正常运行
  • 报错分为两类:
    1. SyntaxError: Invalid or unexpected token,错误溯源至tailwindcss的setupTrackingContext.js文件
    2. MODULE_NOT_FOUND,提示找不到.build-manifest.json文件
  • 已完成排查:确认index.css文件无语法错误,将本地正常运行的代码复制到staging环境后问题仍存在

错误日志

error - ./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[2]!./styles/index.css
/home/centos/straive/frontend/node_modules/tailwindcss/lib/jit/lib/setupTrackingContext.js:1

SyntaxError: Invalid or unexpected token
event - build page: /next/dist/pages/_error
wait  - compiling...
error - ./node_modules/next/dist/compiled/css-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[1]!./node_modules/next/dist/compiled/postcss-loader/cjs.js??ruleSet[1].rules[2].oneOf[6].use[2]!./styles/index.css
/home/centos/straive/frontend/node_modules/tailwindcss/lib/jit/lib/setupTrackingContext.js:1

SyntaxError: Invalid or unexpected token
Error: Cannot find module '/home/centos/straive/frontend/.next/build-manifest.json'
Require stack:
- /home/centos/straive/frontend/node_modules/next/dist/next-server/server/load-components.js
- /home/centos/straive/frontend/node_modules/next/dist/next-server/server/api-utils.js
- /home/centos/straive/frontend/node_modules/next/dist/next-server/server/next-server.js
- /home/centos/straive/frontend/node_modules/next/dist/server/next.js
- /home/centos/straive/frontend/node_modules/next/dist/server/lib/start-server.js
- /home/centos/straive/frontend/node_modules/next/dist/cli/next-dev.js
- /home/centos/straive/frontend/node_modules/next/dist/bin/next
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.mod._resolveFilename (/home/centos/straive/frontend/node_modules/next/dist/build/webpack/require-hook.js:4:1855)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (node:internal/modules/cjs/helpers:94:18)
    at loadComponents (/home/centos/straive/frontend/node_modules/next/dist/next-server/server/load-components.js:1:1557)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async DevServer.findPageComponents (/home/centos/straive/frontend/node_modules/next/dist/next-server/server/next-server.js:77:257)
    at async DevServer.renderErrorToHTML (/home/centos/straive/frontend/node_modules/next/dist/next-server/server/next-server.js:139:266)
    at async DevServer.render (/home/centos/straive/frontend/node_modules/next/dist/next-server/server/next-server.js:75:160) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/centos/straive/frontend/node_modules/next/dist/next-server/server/load-components.js',
    '/home/centos/straive/frontend/node_modules/next/dist/next-server/server/api-utils.js',
    '/home/centos/straive/frontend/node_modules/next/dist/next-server/server/next-server.js',
    '/home/centos/straive/frontend/node_modules/next/dist/server/next.js',
    '/home/centos/straive/frontend/node_modules/next/dist/server/lib/start-server.js',
    '/home/centos/straive/frontend/node_modules/next/dist/cli/next-dev.js',
    '/home/centos/straive/frontend/node_modules/next/dist/bin/next'
  ]
}

package.json内容

{
  "name": "cms-strapi",
  "version": "1.0.0",
  "scripts": {
    "dev": "next",
    "develop": "next",
    "build": "next build",
    "start": "next start",
    "postbuild": "next-sitemap"
  },
  "dependencies": {
    "@headlessui/react": "^1.2.0",
    "@heroicons/react": "^1.0.1",
    "@tailwindcss/postcss7-compat": "^2.0.2",
    "@tailwindcss/typography": "^0.3.0",
    "caniuse-lite": "^1.0.30001246",
    "classnames": "^2.2.6",
    "cookie": "^0.4.1",
    "date-fns": "2.14.0",
    "embla-carousel": "^4.5.3",
    "formik": "^2.2.6",
    "gsap": "^3.7.0",
    "isomorphic-unfetch": "^3.1.0",
    "js-cookie": "^2.2.1",
    "moment": "^2.29.1",
    "next": "^10.0.0",
    "next-seo": "^4.7.1",
    "next-share": "^0.6.0",
    "pdfjs-dist": "^2.10.377",
    "postcss-nested": "^4.2.3",
    "prop-types": "^15.7.2",
    "react": "^17.0.2",
    "react-compare-slider": "^2.1.0",
    "react-countup": "^4.4.0",
    "react-dom": "^17.0.0",
    "react-icons": "^3.10.0",
    "react-intersection-observer": "^8.32.0",
    "react-markdown": "^4.3.1",
    "react-particles-js": "^3.5.3",
    "react-select": "^4.3.1",
    "react-tsparticles": "^1.37.4",
    "styled-components": "^5.3.0",
    "tsparticles": "^1.36.0",
    "uuid": "^8.3.2",
    "yup": "^0.32.8"
  },
  "devDependencies": {
    "autoprefixer": "^10.2.6",
    "next-sitemap": "^1.6.179",
    "postcss": "^8.3.5",
    "postcss-flexbugs-fixes": "4.2.1",
    "postcss-preset-env": "^6.7.0",
    "tailwindcss": "^2.2.4"
  }
}

内容的提问来源于stack exchange,提问作者Hussain Shaikh

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.23 06:15:02