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.

Installation into Laravel 8 following documentation fails at `npx tailwindcss` stage

See original GitHub issue

Describe the problem:

Installing using the Laravel-specific installation guide fails when creating tailwind.config.js file with error Cannot find module 'autoprefixer'.

Minimal reproduction:

> laravel new twtest

> cd twtest

> npm install

> npm install -D tailwindcss@npm:@tailwindcss/postcss7-compat postcss@^7 autoprefixer@^9

> npx tailwindcss init
npx: installed 84 in 5.511s
Cannot find module 'autoprefixer'
Require stack:
- /Users/adam/.npm/_npx/16279/lib/node_modules/tailwindcss/lib/cli/commands/build.js
- /Users/adam/.npm/_npx/16279/lib/node_modules/tailwindcss/lib/cli/commands/index.js
- /Users/adam/.npm/_npx/16279/lib/node_modules/tailwindcss/lib/cli/main.js
- /Users/adam/.npm/_npx/16279/lib/node_modules/tailwindcss/lib/cli.js

Versions:

> npm -v
6.14.8
> php artisan -V
Laravel Framework 8.16.1
> cat package.json
{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --disable-host-check --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --config=node_modules/laravel-mix/setup/webpack.config.js"
    },
    "devDependencies": {
        "autoprefixer": "^9.8.6",
        "axios": "^0.19",
        "cross-env": "^7.0",
        "laravel-mix": "^5.0.1",
        "lodash": "^4.17.19",
        "postcss": "^7.0.35",
        "resolve-url-loader": "^3.1.0",
        "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.1"
    }
}