I build some content in visual editor, so I wanted to preview that content in localhost. I have successfully run the localhost by following Documentation Integrating pages and I used Angular as my frame work. After connected my localhost to my builder pages the content in visual editor is not loading. And When I’m trying to preview my app or site by hosting the localhost it load the default HTML code in app.component.html.
Code stack you are integrating Builder with
Angular
Reproducible code example If you are having integration errors, please link to codesandbox or copy and paste your problematic code here. The more detail the better!
Regarding the preview issue you’ve encountered, it’s possible that it’s related to the integration code. As a solution, we suggest checking out our GitHub example for Angular. This resource may provide insights and guidance to resolve the issue you’re facing.
As i was a fresher in coding I was a bit confused by the GitHub example provided in the forum. I tried modifying the integration code based on it, but I’m encountering some errors.
Would it be possible to connect for guiding me and for some clarifications?
Hello @manish-sharma,
I’m unable to fetch the data from an API service in my builder pages. so how can achieve that feature. My question is how can i call a service in builder pages and display the data in my content. I tried two ways to achieve that.
By using the API data found in data section in particular element
By creating a custom component
Both are not worked yet! can you help me with that?
Could you please provide us with more context regarding the issue you’re facing? Specifically, how are you fetching the data? Are you encountering any error messages?
Additionally, if possible, sharing a Loom video or screenshots would greatly assist us in understanding the problem more clearly. This would enable us to provide you with a more accurate and helpful solution.
Could you please provide more context regarding your requirement to display the data in marquee style? Any screenshots or screen recordings would be greatly appreciated. This will help us better understand your needs and provide you with the most appropriate solution.
While Builder does offer animation support for its components, considering your specific use case, I would suggest utilizing a third-party library for more advanced animation requirements. This approach will provide greater flexibility and customization options to meet your needs effectively.
I am facing same issue regarding localhost in react can you help me how to resolve it.
And also when I intregrate code in my current code by command the I am getting this error
/home/gwl/.npm/_npx/30e2aa4e326dea99/node_modules/builder.io/index.js
at Module._resolveFilename (node:internal/modules/cjs/loader:1140:15)
at Module._load (node:internal/modules/cjs/loader:981:27)
at Module.require (node:internal/modules/cjs/loader:1231:19)
at require (node:internal/modules/helpers:177:18)
at Object. (/home/gwl/.npm/_npx/30e2aa4e326dea99/node_modules/builder.io/index.js:63:573)
at Module._compile (node:internal/modules/cjs/loader:1364:14)
at Module._extensions…js (node:internal/modules/cjs/loader:1422:10)
at Module.load (node:internal/modules/cjs/loader:1203:32)
at Module._load (node:internal/modules/cjs/loader:1019:12)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:128:12) {
code: ‘MODULE_NOT_FOUND’,
requireStack: [
‘/home/gwl/.npm/_npx/30e2aa4e326dea99/node_modules/builder.io/index.js’
]
}
We suspect the issue could be due to some of the dependency from your project, have you attempted to remove node_modules and rerun npm install command ?
Additionally, you can try using a different node version i.e. node v20 and see if that helps resolve the issue.
not working is there any guide video from starting to end for converting figma to code setup which guide proper.Or you can guide me how to sync new page code from builder to my local code becuase When I generate any page code and paste that command than I got above error.
