Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Default app not working on M1 chip

See original GitHub issue

Verify canary release

I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 21.6.0: Wed Aug 10 14:28:23 PDT 2022; root:xnu-8020.141.5~2/RELEASE_ARM64_T6000
Binaries:
  Node: 16.17.0
  npm: 8.15.0
  Yarn: 1.22.19
  pnpm: N/A
Relevant packages:
  next: 12.2.5
  eslint-config-next: N/A
  react: 18.2.0
  react-dom: 18.2.0

warn - Latest canary version not detected, detected: “12.2.5”, newest: “12.2.6-canary.4”. Please try the latest canary version (npm install next@canary) to confirm the issue still exists before creating a new issue. Read more - https://nextjs.org/docs/messages/opening-an-issue

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

I’m installing Node via nvm and using LTS version 16.17.0. Create next app via create-next-app and run with yarn dev

It throws a missing tailwindcss error, which I’m not using.

Expected Behavior

Success compile and run.

Link to reproduction

yarn create-next-app --ts template_app

To Reproduce

daiduong@MacBook-Pro template_app % npm run dev

> template_app@0.1.0 dev
> next dev

ready - started server on 0.0.0.0:3000, url: http://localhost:3000
error - ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[2]!./styles/globals.css
Error: Cannot find module 'tailwindcss'
Require stack:
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/blocks/css/index.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/index.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack-config.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/dev/hot-reloader.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/dev/next-dev-server.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/next.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/lib/start-server.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/cli/next-dev.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/lib/commands.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/bin/next
    at Array.map (<anonymous>)
wait  - compiling...
error - ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[1]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[2].oneOf[8].use[2]!./styles/globals.css
Error: Cannot find module 'tailwindcss'
Require stack:
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/blocks/css/plugins.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/blocks/css/index.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack/config/index.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/build/webpack-config.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/dev/hot-reloader.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/dev/next-dev-server.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/next.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/server/lib/start-server.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/cli/next-dev.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/lib/commands.js
- /Users/daiduong/Desktop/Project/React/nextjs-fullstack-app-template/template_app/node_modules/next/dist/bin/next
    at Array.map (<anonymous>)

Issue Analytics

State:
Created a year ago
Comments:7 (3 by maintainers)

Top GitHub Comments

1reaction

ijjkcommented, Aug 24, 2022

I see, it sounds like that setup will cause conflicts and instead the configs should be kept in separate sub-packages of a monorepo e.g.

/packages/app-1/
  /tailwindcss.config.json
  /package.json
  /pages
/packages/app-2/
  /package.json
  /pages

0reactions

github-actions[bot]commented, Sep 24, 2022

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.