search

ixartz / Next-js-Boilerplate

🚀🎉📚 Boilerplate and Starter for Next.js 14+ with App Router and Page Router support, Tailwind CSS 3.4 and TypeScript ⚡️ Made with developer experience first: Next.js + TypeScript + ESLint + Prettier + Drizzle ORM + Husky + Lint-Staged + Vitest + Testing Library + Playwright + Storybook + Commitlint + VSCode + Netlify + PostCSS + Tailwind CSS ✨
https://nextjs-boilerplate.com
MIT License
8.92k stars 1.71k forks source link

HookWebpackError: Cannot convert a Symbol value to a string #136

Closed sarmadkamal464 closed 1 year ago

sarmadkamal464 commented 1 year ago

Hi, I am currently using your template for my project on GitHub. However, I have encountered an error while attempting to generate the next build using the command "npm run build".

The error message I am receiving is as follows: HookWebpackError: Cannot convert a Symbol value to a string at makeWebpackError (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/webpack/bundle5.js:28:311139) at /Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/webpack/bundle5.js:28:105980 at eval (eval at create (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/webpack/bundle5.js:13:28867), <anonymous>:27:1) at /Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/webpack/bundle5.js:28:69387 at /Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/build/webpack/plugins/next-trace-entrypoints-plugin.js:441:143 -- inner error -- TypeError: Cannot convert a Symbol value to a string at Object.TemplateLiteral (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:67573) at async Object.BinaryExpression (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:59330) at async Object.ArrayExpression (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:58890) at async computePureStaticValue (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:21246) at async Object.enter (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:27364) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78333) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78791) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78872) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78872) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78791) caused by plugins in Compilation.hooks.processAssets TypeError: Cannot convert a Symbol value to a string at Object.TemplateLiteral (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:67573) at async Object.BinaryExpression (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:59330) at async Object.ArrayExpression (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:58890) at async computePureStaticValue (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:21246) at async Object.enter (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:1:27364) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78333) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78791) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78872) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78872) at async AsyncWalker.visit (/Users/user/Documents/sities/PFFT/PFFT.AI/node_modules/next/dist/compiled/@vercel/nft/index.js:6:78791)

I would greatly appreciate your assistance in resolving this issue. If you require any additional information or logs, please let me know, and I will be happy to provide them.

`{ "name": "pfft.ai", "version": "3.9.0", "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "build-stats": "cross-env ANALYZE=true npm run build", "export": "next export", "build-prod": "run-s clean build export", "clean": "rimraf .next out", "lint": "next lint", "format": "next lint --fix && prettier '*/.{json,yaml}' --write --ignore-path .gitignore", "check-types": "tsc --noEmit --pretty && tsc --project cypress --noEmit --pretty", "test": "jest", "commit": "cz", "cypress": "cypress open", "cypress:headless": "cypress run", "e2e": "start-server-and-test dev http://localhost:3000 cypress", "e2e:headless": "start-server-and-test dev http://localhost:3000 cypress:headless", "storybook": "storybook dev -p 6006", "storybook:build": "storybook build", "storybook:serve": "http-server storybook-static --port 6006 --silent", "serve-storybook": "run-s storybook:*", "test-storybook:ci": "start-server-and-test serve-storybook http://localhost:6006 test-storybook", "prepare": "husky install", "postbuild": "next-sitemap" }, "dependencies": { "@guna81/react-ticker": "^3.4.1", "@material-tailwind/react": "^2.0.1", "@mui/material": "^5.12.2", "@mui/x-data-grid": "^6.3.0", "@stripe/react-stripe-js": "^2.1.1", "@stripe/stripe-js": "^1.54.1", "@stripe/ui-extension-sdk": "^8.7.0", "@types/react-animate-on-scroll": "^2.1.5", "@types/react-stripe-elements": "^6.0.6", "animate.css": "^4.1.1", "axios": "^1.4.0", "bcrypt": "^5.1.0", "bcryptjs": "^2.4.3", "crypto-js": "^4.1.1", "formik": "^2.4.2", "jsonwebtoken": "^9.0.0", "lodash": "^4.17.21", "mongo-seeding": "^3.7.2", "mongodb": "^5.5.0", "mongoose": "^6.11.2", "mongoose-data-faker": "^0.1.2", "next": "^13.4.3", "next-auth": "^4.22.1", "next-connect": "^0.13.0", "next-seo": "^5.15.0", "next-sitemap": "^4.0.6", "react": "^18.2.0", "react-animation-on-scroll": "^5.1.0", "react-card-flip": "^1.2.0", "react-dom": "^18.2.0", "react-google-recaptcha": "^3.1.0", "react-icons": "^4.8.0", "react-share": "^4.4.1", "react-spinners": "^0.13.8", "react-toastify": "^9.1.3", "stripe": "^12.9.0", "tw-elements": "^1.0.0-beta2", "validator": "^13.9.0" }, "devDependencies": { "@commitlint/cli": "^17.5.1", "@commitlint/config-conventional": "^17.4.4", "@commitlint/cz-commitlint": "^17.5.0", "@next/bundle-analyzer": "^13.3.0", "@percy/cli": "^1.22.0", "@percy/cypress": "^3.1.2", "@semantic-release/changelog": "^6.0.3", "@semantic-release/git": "^10.0.1", "@storybook/addon-essentials": "^7.0.2", "@storybook/addon-interactions": "^7.0.2", "@storybook/addon-links": "^7.0.2", "@storybook/blocks": "^7.0.2", "@storybook/nextjs": "^7.0.2", "@storybook/react": "^7.0.2", "@storybook/test-runner": "^0.10.0", "@storybook/testing-library": "^0.0.14-next.2", "@testing-library/cypress": "^9.0.0", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^14.0.0", "@types/bcrypt": "^5.0.0", "@types/bcryptjs": "^2.4.2", "@types/jest": "^29.5.0", "@types/jsonwebtoken": "^9.0.2", "@types/mongoose": "^5.11.97", "@types/node": "^18.16.1", "@types/react": "^18.0.33", "@types/react-google-recaptcha": "^2.1.5", "@types/validator": "^13.7.15", "@typescript-eslint/eslint-plugin": "^5.57.1", "@typescript-eslint/parser": "^5.57.1", "autoprefixer": "^10.4.14", "commitizen": "^4.3.0", "cross-env": "^7.0.3", "cssnano": "^6.0.0", "cypress": "^12.9.0", "eslint": "^8.37.0", "eslint-config-airbnb-base": "^15.0.0", "eslint-config-airbnb-typescript": "^17.0.0", "eslint-config-next": "^13.3.0", "eslint-config-prettier": "^8.8.0", "eslint-plugin-cypress": "^2.13.2", "eslint-plugin-import": "^2.27.5", "eslint-plugin-jest": "^27.2.1", "eslint-plugin-jest-dom": "^4.0.3", "eslint-plugin-jest-formatting": "^3.1.0", "eslint-plugin-jsx-a11y": "^6.7.1", "eslint-plugin-prettier": "^4.2.1", "eslint-plugin-react": "^7.32.2", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-simple-import-sort": "^10.0.0", "eslint-plugin-storybook": "^0.6.11", "eslint-plugin-tailwindcss": "^3.11.0", "eslint-plugin-testing-library": "^5.10.2", "eslint-plugin-unused-imports": "^2.0.0", "http-server": "^14.1.1", "husky": "^8.0.3", "jest": "^29.5.0", "jest-environment-jsdom": "^29.5.0", "lint-staged": "^13.2.0", "npm-run-all": "^4.1.5", "postcss": "^8.4.21", "prettier": "^2.8.7", "rimraf": "^4.4.1", "semantic-release": "^19.0.5", "start-server-and-test": "^2.0.0", "storybook": "^7.0.2", "tailwindcss": "^3.3.1", "typescript": "^4.9.5" }, "config": { "commitizen": { "path": "@commitlint/cz-commitlint" } }, "release": { "branches": [ "main" ], "plugins": [ "@semantic-release/commit-analyzer", "@semantic-release/release-notes-generator", "@semantic-release/changelog", [ "@semantic-release/npm", { "npmPublish": false } ], "@semantic-release/git", "@semantic-release/github" ] }, "author": "Ixartz (https://github.com/ixartz)" }

ixartz commented 1 year ago

@sarmadkamal464 the error is probably related to Next.js with webpack. The boilerplate doesn't make any change in the webpack.

Don't hesitate to reopen the issue if it's not the case and the error is coming from the boilerplate.