M1 - postcss loader breaks about nullstack HOT 5 CLOSED

vou está analisando

from nullstack.

In the mean time if anyone has issues you can use this script to auto restart it

const { spawn } = require('child_process') let child const startScript = () => { child = spawn('npm', ['run', 'start']) child.stdout.on('data', (data) => { console.log(stdout: ${data}) if (data.includes('error')) { child.kill() startScript() } }) child.stderr.on('data', (data) => { console.error(stderr: ${data}) child.kill() startScript() }) child.on('close', (code) => { console.log(child process exited with code ${code}) }) } startScript()

from nullstack.

Also full dependencies

"dependencies": { "@analytics/google-tag-manager": "^0.5.2", "@auth0/auth0-spa-js": "^1.22.2", "@faker-js/faker": "^7.3.0", "@sentry/browser": "^7.28.0", "@sentry/integrations": "^7.28.1", "@sentry/tracing": "^7.28.0", "@stripe/stripe-js": "^1.38.1", "@tailwindcss/line-clamp": "^0.4.2", "@tailwindcss/typography": "^0.5.8", "analytics": "^0.8.1", "aws-sdk": "^2.1248.0", "browser-image-resizer": "^2.4.1", "buffer": "^6.0.3", "canvas": "^2.10.2", "chart.js": "^3.9.1", "cors": "^2.8.5", "currency-codes": "^2.1.0", "currency-symbol-map": "^5.1.0", "dayjs": "^1.11.4", "jsonwebtoken": "^8.5.1", "jwt-decode": "^3.1.2", "papaparse": "^5.3.2", "stripe": "^10.13.0", "timers": "^0.1.1", "xml2js": "^0.4.23" }, "devDependencies": { "@sentry/webpack-plugin": "^1.20.0", "@tailwindcss/forms": "^0.5.3", "@trivago/prettier-plugin-sort-imports": "^3.4.0", "autoprefixer": "^10.4.13", "cypress": "^10.11.0", "eslint": "^8.20.0", "eslint-plugin-local": "^1.0.0", "husky": "^8.0.1", "lint-staged": "^13.0.3", "nullstack": "^0.16.4", "postcss": "^8.4.19", "postcss-loader": "^7.0.1", "prettier": "^2.7.1", "prettier-plugin-tailwindcss": "^0.1.12", "query-string": "^7.1.1", "tailwind-merge": "^1.4.0", "tailwindcss": "^3.2.4" },

from nullstack.

It seems the problem is related to Webpack, I found a similar issue happening with Gatsby. The solution was strictly defining the folders using Tailwind instead of setting it to the entire src folder. Here's an example:

module.exports = {
  content: [
	// './src/**/*.jsx', <- this was the problem
    './src/pages/*.jsx',
    './src/components/*.jsx'
  ]
}

from nullstack.

Closing for now as it seems to be a tailwind related thing and not nullstack, but it might disappear anyway in the next version with the new loaders. Pls, reopen if it happens again!

from nullstack.