Environment
- KNIME Analytics Platform: 5.4.3 - 2024-12 release
- PageBuilder: open-source repo, dev setup per README
- Node.js: v20.19.4
- OS: Windows 11
Goal/Context
Within a Component we use two Interactive Value Filter Widgets and JavaScript Views (Scatter/Table).
Issue
When the dev server is running, the view attempts to load Scatter Plot JS/CSS from the dev base URL (http://localhost:5173/….) and returns 404.
Reproduction
-
Set up PageBuilder dev environment strictly following the README.
-
Open the Component’s Interactive View in KNIME AP 5.4.3 (which routes to the dev server).
-
In the browser Network tab, asset requests (Plotly/view assets) target :5173 and fail with 404.
Error samples
GET http://localhost:5173//… 404
GET http://localhost:5173//… 404
Hypothesis
resourceBaseUrl for PageBuilder is not injected into the Vuex store, so the static asset base path resolves to the dev root and breaks.
What we’ve tried
Rebuilt dev per README; cleared caches; checked proxy/port.
Experimented with Vite base/public path prefixes.
Inspected the store: resourceBaseUrl appears undefined/missing in dev.
Questions
-
In dev mode, what is the recommended way to inject/configure resourceBaseUrl (env var, config file, query param, global object, etc.)?
-
What is the minimal/working configuration for PageBuilder to load view plugin assets (JS/CSS)? If possible, please share a sample Vite config (e.g., base/publicPath/asset prefix) or a snippet that demonstrates the correct setup.
-
Are there recommended project structure / build scripts / Vite settings for PageBuilder in dev to ensure asset URLs resolve correctly?
References
We’re looking at pagebuilder/src/store/interactivity.js and the knimeService API.
Happy to provide logs, screenshots, or a repro workflow if helpful. Thanks in advance!