Please fill out as many of the following questions as possible so we can help you promptly! If you don’t know how to answer or it does not apply, feel free to remove it or leave it blank.
Builder content link
e.g. Builder.io: Visual Development Platform
Haven’t gotten this far
Builder public api key
go to Builder.io: Visual Development Platform and copy your PUBLIC api key
Haven’t gotten this far
Detailed steps to reproduce the bug
e.g. go to the editor, click the styles tab, try to edit opacity, notice the opacity slider does not work
Running builder-dev with or without my ng serve command included, the builder address always shows a site that simply says “Not found”.
Screenshots or video link
Screenshots of your issue, or even better a link to a video of what is happening. We love using loom for that sort of thing
Code stack you are integrating Builder with
e.g. NextJS, react, Shopify
Angular
Terminal Output
tony@LPC-HQ-IT:~/DYH/erp-frontend$ npm run builder-dev
erp-frontend@0.1.0 builder-dev
concurrently “ng serve --proxy-config proxy.conf.dev.local.js --port 4300” “npx builder-dev-tools”
[1] Builder dev tools is running
[0] - Generating browser application bundles (phase: setup)…
[0] 
Browser application bundle generation complete.
[0]
[0] Initial chunk files | Names | Raw size
[0] vendor.js | vendor | 9.64 MB |
[0] main.js | main | 5.46 MB |
[0] styles.css, styles.js | styles | 432.33 kB |
[0] polyfills.js | polyfills | 383.55 kB |
[0] runtime.js | runtime | 14.80 kB |
[0]
[0] | Initial total | 15.94 MB
[0]
[0] Lazy chunk files | Names | Raw size
[0] src_app_accounting_accounting_module_ts.js | accounting-accounting-module | 744.19 kB |
[0] node_modules_canvg_lib_index_es_js.js | canvg | 440.49 kB |
[0] node_modules_html2canvas_dist_html2canvas_js.js | html2canvas | 386.64 kB |
[0] node_modules_dompurify_dist_purify_js.js | dompurify | 67.56 kB |
[0]
[0] Build at: 2024-11-05T12:13:10.443Z - Hash: c22f7fc3b006e3e5 - Time: 35533ms
[0]
[0] Warning: /home/tony/DYH/erp-frontend/node_modules/jspdf/dist/jspdf.es.min.js depends on ‘dompurify’. CommonJS or AMD dependencies can cause optimization bailouts.
[0] For more info see: Building Angular apps • Angular
[0]
[0]
[0]
[0] ** Angular Live Development Server is listening on localhost:4300, open your browser on http://localhost:4300/ **
[0]
[0]
[0] Compiled successfully.
[0] (node:23713) [DEP0060] DeprecationWarning: The util._extend API is deprecated. Please use Object.assign() instead.
[0] (Use node --trace-deprecation ... to show where the warning was created)
main.ts
import {enableProdMode} from “@angular/core”;
import {platformBrowserDynamic} from “@angular/platform-browser-dynamic”;
import {AppModule} from “./app/app.module”;
import {builderDevTools} from “@builder.io/dev-tools/angular”;
import {environment} from “./environments/environment”;
builderDevTools().catch((err: Error) => console.error(“Error starting dev tools:”, err));
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic()
.bootstrapModule(AppModule)
.catch((err) => console. Error(err));