Error Installing Jetstream

@tykus Yes, I initally ran as "npm install && npm run dev"

@fabiof contents of package.json?

@tykus Is it odd that the postcss.config.js is located in my user root directory instead of the project directory?

@fabiof is that package.json actually stock? Have you installed those additional dependencies?

@tykus Yes. Stock with Jetstream additions I assume. I haven't made and changes. Here is all I'm doing.

composer create-project laravel/laravel lpa-jet
cd lpa-jet
composer require laravel/jetstream
php artisan jetstream:install livewire --teams
npm install && npm run dev

@fabiof this is the result of running those commands:

{
  "private": true,
  "scripts": {
    "dev": "npm run development",
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "prod": "npm run production",
    "production": "mix --production"
  },
  "devDependencies": {
    "@tailwindcss/forms": "^0.4.0",
    "@tailwindcss/typography": "^0.5.0",
    "alpinejs": "^3.0.6",
    "axios": "^0.21",
    "laravel-mix": "^6.0.6",
    "lodash": "^4.17.19",
    "postcss": "^8.1.14",
    "postcss-import": "^14.0.1",
    "tailwindcss": "^3.0.0"
  }
}

You appear to have unintentionally added some other dependencies.

Replace you package.json with the JSON above; delete package-lock.json and node_modules/ and re-run npm install && npm run dev

@tykus Ah. You're correct I tried a couple things to fix which added those, but running your version produced the same errors. I also deleted everything and started from scratch with the same result.

@fabiof a completely new project?? Really??

I also deleted everything and started from scratch with the same result.

Is it the exact same error message as before?

@tykus Slightly different but generally the same.

✖ Mix
  Compiled with some errors in 1.37s

ERROR in ./resources/css/app.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: Cannot find module 'autoprefixer'
Require stack:
- /home/x/postcss.config.js
- /home/x/public_html/lpa-jet/node_modules/cosmiconfig/dist/loaders.js
- /home/x/public_html/lpa-jet/node_modules/cosmiconfig/dist/ExplorerBase.js
- /home/x/public_html/lpa-jet/node_modules/cosmiconfig/dist/Explorer.js
- /home/x/public_html/lpa-jet/node_modules/cosmiconfig/dist/index.js
- /home/x/public_html/lpa-jet/node_modules/postcss-loader/dist/utils.js
- /home/x/public_html/lpa-jet/node_modules/postcss-loader/dist/index.js
- /home/x/public_html/lpa-jet/node_modules/postcss-loader/dist/cjs.js
- /home/x/public_html/lpa-jet/node_modules/webpack/lib/ProgressPlugin.js
- /home/x/public_html/lpa-jet/node_modules/webpack/lib/index.js
- /home/x/public_html/lpa-jet/node_modules/webpack-cli/lib/webpack-cli.js
- /home/x/public_html/lpa-jet/node_modules/webpack-cli/lib/bootstrap.js
- /home/x/public_html/lpa-jet/node_modules/webpack-cli/bin/cli.js
- /home/x/public_html/lpa-jet/node_modules/webpack/bin/webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:815:15)
    at Function.Module._load (internal/modules/cjs/loader.js:667:27)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (/home/x/postcss.config.js:1:22)
    at Module._compile (internal/modules/cjs/loader.js:999:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1027:10)
    at Module.load (internal/modules/cjs/loader.js:863:32)
    at Function.Module._load (internal/modules/cjs/loader.js:708:14)
    at Module.require (internal/modules/cjs/loader.js:887:19)
    at processResult (/home/x/public_html/lpa-jet/node_modules/webpack/lib/NormalModule.js:751:19)
    at /home/x/public_html/lpa-jet/node_modules/webpack/lib/NormalModule.js:853:5
    at /home/x/public_html/lpa-jet/node_modules/loader-runner/lib/LoaderRunner.js:399:11
    at /home/x/public_html/lpa-jet/node_modules/loader-runner/lib/LoaderRunner.js:251:18
    at context.callback (/home/x/public_html/lpa-jet/node_modules/loader-runner/lib/LoaderRunner.js:124:13)
    at Object.loader (/home/x/public_html/lpa-jet/node_modules/postcss-loader/dist/index.js:56:7)

1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 2 errors

@fabiof can you put the broken repo on github and share a link?

@Sinnbeck apparently I can't put a link. github.com/fabiofolino/lpa-jet

@fabiof there is no problem with those dependencies.

npm 8.3.0
node 17.2.0

@Tray2 Using Node 15 gave a whole other set of errors.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! Found: [email protected]
npm ERR! node_modules/acorn
npm ERR!   acorn@"^7.0.0" from [email protected]
npm ERR!   node_modules/acorn-node
npm ERR!     acorn-node@"^1.6.1" from [email protected]
npm ERR!     node_modules/detective
npm ERR!       detective@"^5.2.0" from [email protected]
npm ERR!       node_modules/tailwindcss
npm ERR!         dev tailwindcss@"^3.0.0" from the root project
npm ERR!         2 more (@tailwindcss/forms, @tailwindcss/typography)
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peerOptional acorn@"^8.5.0" from [email protected]
npm ERR! node_modules/terser
npm ERR!   terser@"^5.9.0" from [email protected]
npm ERR!   node_modules/laravel-mix
npm ERR!     dev laravel-mix@"^6.0.6" from the root project
npm ERR!   terser@"^5.7.2" from [email protected]
npm ERR!   node_modules/terser-webpack-plugin
npm ERR!     terser-webpack-plugin@"^5.2.4" from [email protected]
npm ERR!     node_modules/laravel-mix
npm ERR!       dev laravel-mix@"^6.0.6" from the root project
npm ERR!     1 more (webpack)

@fabiof What OS are you running and which versions ofd php, Laravel, node and npm are you using?

@Tray2 CentOS 7, php 7.4, Laravel 8, Node 17.3, Npm, 8.3.

@fabiof I will try setting up a virtual machine with centos 7 and see if I get the same issue.

@fabiof I just installed a fresh CentOS 7 virtual machine and installed php 7.4 and node 17.3.0 and followed the steps you do. It worked without any issues at all.

It seems that you have something that somewhere interferes with node.

@fabiof WTF, how is a composer.json file affecting NPM?