alan-agius4
commented
2 years ago Thanks for reporting this issue. However, you didn't provide sufficient information for us to understand and reproduce the problem. Can you setup a minimal repro please?
You can read here why this is needed. A good way to make a minimal repro is to create a new app via ng new repro-app and adding the minimum possible code to show the problem. Then you can push this repository to github and link it here.
This might be related to your directory structure so its really important to get an accurate repro to diagnose this.
jacobjohn-transitiv
angular-automatic-lock-bot[bot]
🐞 Bug report
Command (mark with an
x)Is this a regression?
Yes, the previous version in which this bug was not present was: 9
Description
After updating our angular app from 9 to 14, stepwise, and fixing all the compilation errors, I was finally able to compile and run the app locally with
ng serve. All network requests are functioning and pointed at the correct endpoints. When I build the app withnpm run buildwhich is"node --max_old_space_size=8000 ./node_modules/@angular/cli/bin/ng build --configuration production --base-href /app/ && npm run post-build"and serve it locally, it appears that all my network requests request url's are being replaced with the host url. For example, my login endpoint should behttps://requestapi.com/loginbut every single api call has a request url ashttp://localhost:4000/. That's it, nothing append to the end of the url or anything. All the network requests work perfectly when I just dong serve.🔬 Minimal Reproduction
package.json
angular.json
{ "$schema": "./node_modules/@angular/cli/lib/config/schema.json", "version": 1, "newProjectRoot": "projects", "projects": { "appname-frontend": { "root": "", "sourceRoot": "src", "projectType": "application", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist/browser", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ "src/assets", "src/favicon.png", { "glob": "/*", "input": "../node_modules/ngx-monaco-editor/assets/monaco", "output": "./assets/monaco/min" } ], "styles": [ "node_modules/font-awesome/css/font-awesome.min.css", "src/assets/theme/primeng-omega-theme.css", "src/assets/theme/primeng.min.css", "node_modules/primeicons/primeicons.css", "node_modules/fullcalendar/dist/fullcalendar.min.css", "node_modules/quill/dist/quill.snow.css", "node_modules/nanoscroller/bin/css/nanoscroller.css", { "input": "src/custom-theme.scss", "inject": true }, "src/styles2.scss", "node_modules/ngx-toastr/toastr.css", "src/styles.css", "src/app.scss" ], "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js", "node_modules/moment/moment.js", "node_modules/chart.js/dist/Chart.js", "node_modules/fullcalendar/dist/fullcalendar.js", "node_modules/quill/dist/quill.js", "../../libs/react-component/main.min.js" ], "aot": false, "vendorChunk": true, "extractLicenses": false, "buildOptimizer": false, "sourceMap": true, "optimization": false, "namedChunks": true }, "configurations": { "test": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ] }, "coverage": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ] }, "production": { "budgets": [ { "type": "anyComponentStyle", "maximumWarning": "6kb" } ], "optimization": true, "outputHashing": "all", "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] } }, "defaultConfiguration": "" }, "serve": { "builder": "@angular-devkit/build-angular:dev-server", "options": { "browserTarget": "appname-frontend:build" }, "configurations": { "production": { "browserTarget": "appname-frontend:build:production" }, "test": { "browserTarget": "appname-frontend:build:test" } } }, "serve-coverage": { "builder": "ngx-build-plus:dev-server", "options": { "browserTarget": "appname-frontend:build:coverage", "extraWebpackConfig": "./cypress/coverage.webpack.js" } }, "server": { "builder": "@angular-devkit/build-angular:server", "options": { "outputPath": "dist/server", "main": "server.ts", "tsConfig": "src/tsconfig.server.json", "sourceMap": true, "optimization": false }, "configurations": { "dev": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.ts" } ], "optimization": true }, "test": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ], "optimization": true }, "production": { "optimization": true, "outputHashing": "none", "namedChunks": false, "extractLicenses": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] } }, "defaultConfiguration": "" }, "build-dev": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "www", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ "src/assets", "src/favicon.png", { "glob": "*/", "input": "../node_modules/ngx-monaco-editor/assets/monaco", "output": "./assets/monaco/min/" } ], "styles": [ "node_modules/font-awesome/css/font-awesome.min.css", "src/assets/theme/primeng-omega-theme.css", "src/assets/theme/primeng.min.css", "node_modules/primeicons/primeicons.css", "node_modules/fullcalendar/dist/fullcalendar.min.css", "node_modules/quill/dist/quill.snow.css", "node_modules/nanoscroller/bin/css/nanoscroller.css", { "input": "src/custom-theme.scss", "inject": true }, "src/styles2.scss", "node_modules/ngx-toastr/toastr.css", "src/styles.css", "src/app.scss" ], "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js", "node_modules/moment/moment.js", "node_modules/chart.js/dist/Chart.js", "node_modules/fullcalendar/dist/fullcalendar.js", "node_modules/quill/dist/quill.js", "../../libs/react-component/main.min.js" ], "aot": false, "vendorChunk": true, "extractLicenses": false, "buildOptimizer": false, "sourceMap": true, "optimization": false, "namedChunks": true }, "configurations": { "test": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ], "optimization": true }, "coverage": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ], "optimization": true }, "production": { "optimization": true, "outputHashing": "all", "namedChunks": false, "aot": true, "extractLicenses": true, "vendorChunk": false, "buildOptimizer": true, "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.prod.ts" } ] } }, "defaultConfiguration": "" }, "extract-i18n": { "builder": "@angular-devkit/build-angular:extract-i18n", "options": { "browserTarget": "appname-frontend:build" } }, "test": { "builder": "@angular-devkit/build-angular:karma", "options": { "main": "src/test.ts", "karmaConfig": "./karma.conf.js", "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "codeCoverage": true, "scripts": [ "node_modules/jquery/dist/jquery.js", "node_modules/nanoscroller/bin/javascripts/jquery.nanoscroller.js", "node_modules/moment/moment.js", "node_modules/chart.js/dist/Chart.js", "node_modules/fullcalendar/dist/fullcalendar.js", "node_modules/quill/dist/quill.js", "../../libs/react-component/main.min.js" ], "styles": [ "node_modules/font-awesome/css/font-awesome.min.css", "src/assets/theme/primeng-omega-theme.css", "src/assets/theme/primeng.min.css", "node_modules/primeicons/primeicons.css", "node_modules/fullcalendar/dist/fullcalendar.min.css", "node_modules/quill/dist/quill.snow.css", "node_modules/nanoscroller/bin/css/nanoscroller.css", { "input": "src/custom-theme.scss", "inject": true }, "src/styles2.scss", "node_modules/ngx-toastr/toastr.css", "src/styles.css", "src/app.scss" ], "assets": [ "src/assets", "src/favicon.png", { "glob": "/*", "input": "../node_modules/ngx-monaco-editor/assets/monaco", "output": "./assets/monaco/min/" } ] } }, "serve-ssr": { "builder": "@nguniversal/builders:ssr-dev-server", "options": { "browserTarget": "appname-frontend:build", "serverTarget": "appname-frontend:server" }, "configurations": { "production": { "browserTarget": "appname-frontend:build:production", "serverTarget": "appname-frontend:server:production" } } }, "prerender": { "builder": "@nguniversal/builders:prerender", "options": { "browserTarget": "appname-frontend:build:production", "serverTarget": "appname-frontend:server:production", "routes": [ "/" ] }, "configurations": { "production": {}, "test": { "fileReplacements": [ { "replace": "src/environments/environment.ts", "with": "src/environments/environment.e2e.ts" } ], "optimization": true } } }, "cypress-run": { "builder": "@briebug/cypress-schematic:cypress", "options": { "devServerTarget": "appname-frontend:serve" }, "configurations": { "production": { "devServerTarget": "appname-frontend:serve:production" } } }, "cypress-open": { "builder": "@briebug/cypress-schematic:cypress", "options": { "devServerTarget": "appname-frontend:serve", "watch": true, "headless": false }, "configurations": { "production": { "devServerTarget": "appname-frontend:serve:production" } } } } }, "appname-frontend-e2e": { "root": "", "sourceRoot": "", "projectType": "application", "architect": { "e2e": { "builder": "@briebug/cypress-schematic:cypress", "options": { "devServerTarget": "appname-frontend:serve-coverage", "watch": true, "headless": false }, "configurations": { "production": { "devServerTarget": "appname-frontend:serve-coverage:production" } } }, "e2e-ci": { "builder": "@briebug/cypress-schematic:cypress", "options": { "browser": "chrome", "devServerTarget": "appname-frontend:serve-coverage", "headless": true, "watch": false }, "configurations": { "production": { "devServerTarget": "appname-frontend:serve-coverage:production" } } }, "cypress-run": { "builder": "@briebug/cypress-schematic:cypress", "options": { "devServerTarget": "appname-frontend-e2e:serve" }, "configurations": { "production": { "devServerTarget": "appname-frontend-e2e:serve:production" } } }, "cypress-open": { "builder": "@briebug/cypress-schematic:cypress", "options": { "devServerTarget": "appname-frontend-e2e:serve", "watch": true, "headless": false }, "configurations": { "production": { "devServerTarget": "appname-frontend-e2e:serve:production" } } } } } }, "schematics": { "@schematics/angular:component": { "prefix": "", "style": "scss" }, "@schematics/angular:directive": { "prefix": "" } } }🔥 Exception or Error
I noticed this error in my command line when first loading the application from the build
🌍 Your Environment
Let me know if anyone needs any more configs please.