samartomar
commented
2 years ago Please close this issue, i was looking at wrong place for problem.
Problem was : https://v2.tailwindcss.com/docs/just-in-time-mode
"So if you are watching src/*/.html for changes, but you are writing your CSS output file to src/css/styles.css, you will get an infinite rebuild loop in some tools."
please close the issue.
Thanks - Samar -
github-actions[bot]
https://nx.dev/module-federation/dynamic-module-federation-with-angular
example code also shows same behavior.
nx serve keep looping throgh "Generating browser application bundles" and keep building.
Following package.json { "name": "test", "version": "1.0.0", "license": "MIT", "scripts": { "ng": "nx", "start": "nx serve", "build": "nx build --namedChunks=true --output-hashing=bundles --skip-nx-cache", "test": "nx test", "postinstall": "node ./decorate-angular-cli.js && ngcc --properties es2020 browser module main", "lint": "nx workspace-lint && ng lint", "e2e": "nx e2e", "affected:apps": "nx affected:apps", "affected:libs": "nx affected:libs", "affected:build": "nx affected:build", "affected:e2e": "nx affected:e2e", "affected:test": "nx affected:test", "affected:lint": "nx affected:lint", "affected:dep-graph": "nx affected:dep-graph", "affected": "nx affected", "format": "nx format:write", "format:write": "nx format:write", "format:check": "nx format:check", "update": "nx migrate latest", "workspace-generator": "nx workspace-generator", "dep-graph": "nx dep-graph", "help": "nx help", "tailwindviewer": "npx tailwind-config-viewer" }, "private": true, "resolutions": { "webpack": "5.65.0" }, "dependencies": { "@angular-architects/module-federation": "14.3.10", "@angular-architects/module-federation-tools": "14.3.10", "@angular/animations": "14.1.2", "@angular/cdk": "14.1.1", "@angular/common": "14.1.2", "@angular/compiler": "14.1.2", "@angular/core": "14.1.2", "@angular/elements": "14.1.2", "@angular/forms": "14.1.2", "@angular/material": "14.1.1", "@angular/material-moment-adapter": "14.1.1", "@angular/platform-browser": "14.1.2", "@angular/platform-browser-dynamic": "14.1.2", "@angular/router": "14.1.2", "@ckeditor/ckeditor5-angular": "4.0.0", "@ckeditor/ckeditor5-build-classic": "35.0.1", "@ngneat/transloco": "4.1.1", "@nrwl/angular": "14.5.4", "@okta/okta-angular": "5.2.0", "@okta/okta-auth-js": "6.7.4", "@rxweb/reactive-form-validators": "2.1.7", "ag-grid-angular": "28.1.0", "ag-grid-community": "28.1.0", "ag-grid-enterprise": "28.1.0", "async": "3.2.4", "crypto-js": "4.1.1", "express": "4.18.1", "file-saver": "2.0.5", "highlight.js": "11.6.0", "html2canvas": "1.4.1", "jspdf": "2.5.1", "lodash-es": "4.17.21", "moment": "2.29.4", "ngx-cookie-service": "14.0.1", "ngx-markdown": "14.0.1", "perfect-scrollbar": "1.5.5", "@ajustee/mde-popover": "4.0.0", "angular-user-idle": "3.0.0", "rxjs": "7.5.6", "tslib": "2.4.0", "xlsx": "0.18.5", "zone.js": "0.11.7" }, "devDependencies": { "@angular-devkit/build-angular": "14.1.2", "@angular-eslint/builder": "14.0.2", "@angular-eslint/eslint-plugin": "14.0.2", "@angular-eslint/eslint-plugin-template": "14.0.2", "@angular-eslint/schematics": "14.0.2", "@angular-eslint/template-parser": "14.0.2", "@angular/cli": "~14.1.2", "@angular/compiler-cli": "14.1.2", "@angular/language-service": "14.1.2", "@compodoc/compodoc": "1.1.19", "@nrwl/cli": "14.5.4", "@nrwl/cypress": "14.5.4", "@nrwl/eslint-plugin-nx": "14.5.4", "@nrwl/express": "14.5.4", "@nrwl/jest": "14.5.4", "@nrwl/linter": "14.5.4", "@nrwl/node": "14.5.4", "@nrwl/nx-cloud": "14.3.0", "@nrwl/workspace": "14.5.4", "@tailwindcss/aspect-ratio": "0.4.0", "@tailwindcss/line-clamp": "0.4.0", "@tailwindcss/typography": "0.5.4", "@types/chroma-js": "2.1.4", "@types/crypto-js": "4.1.1", "@types/express": "4.17.13", "@types/highlight.js": "10.1.0", "@types/jest": "28.1.6", "@types/lodash": "4.14.182", "@types/lodash-es": "4.17.6", "@types/node": "18.7.1", "@typescript-eslint/eslint-plugin": "5.33.0", "@typescript-eslint/parser": "5.33.0", "autoprefixer": "10.4.8", "chroma-js": "2.4.2", "concat": "1.0.3", "eslint": "8.21.0", "eslint-config-prettier": "8.5.0", "eslint-plugin-cypress": "2.12.1", "eslint-plugin-import": "2.26.0", "eslint-plugin-jsdoc": "39.3.6", "eslint-plugin-prefer-arrow": "1.2.3", "express": "4.18.1", "express-winston": "4.2.0", "jest": "28.1.3", "jest-preset-angular": "12.2.0", "lodash": "4.17.21", "ng-packagr": "14.1.0", "ngx-build-plus": "14.0.0", "nx": "14.5.4", "prettier": "2.7.1", "tailwindcss": "3.1.8", "ts-jest": "28.0.7", "typescript": "4.7.4", "winston": "3.8.1" } }
Current Behavior
Generating browser application bundles should trigger only when file is changed, currently it keep building at serve.
Expected Behavior
This started happening from migration from nx13 to latest version. Also migrating mf to latest practices from nx.
Steps to Reproduce
yes
This issue may not be prioritized if details are not provided to help us reproduce the issue.
Failure Logs
Environment