Comments (10)
ah interesting - Builder on your site on the dev branch isn't finding the Builder components (button, columns, etc)
there are two small changes to how this is handled in the latest alpha releases, but they are working ok for others on them. so I can try and reproduce can you send me your full package.json file contents? (or at least just the dependencies section)
from builder.
as a side note - this is on the latest version of the alpha too https://codesandbox.io/s/github/BuilderIO/builder/tree/master/examples/react so hoping something in your package.json (or maybe if you have any other ideas) can help us reproduce what you are seeing there too. it's also possible the latest alpha version fixes but a prior one had the issue so also worth trying out 1.0.98-alpha.9
like in that example in case you're on an earlier alpha that perhaps had a temp issue
from builder.
@steve8708 Here's our package list. We also have dev dependencies and run off a CRA base.
Let me know if you need more info though
"dependencies": {
"@builder.io/react": "^1.0.98-alpha.9",
"@contentful/rich-text-html-renderer": "^13.4.0",
"@sentry/browser": "^5.7.1",
"@storybook/addon-backgrounds": "^5.2.5",
"@storybook/addon-centered": "^5.2.5",
"apisauce": "^1.0.2",
"classnames": "^2.2.6",
"connected-react-router": "^6.3.1",
"contentful": "^7.9.1",
"history": "^4.9.0",
"lodash": "^4.17.11",
"node-sass": "^4.11.0",
"query-string": "^6.2.0",
"ramda": "^0.26.1",
"react": "^16.8.2",
"react-content-loader": "^4.2.2",
"react-dom": "^16.8.2",
"react-fontawesome": "^1.6.1",
"react-helmet": "^5.2.0",
"react-imgix": "^8.6.4",
"react-keshan-carousel": "^1.10.9",
"react-redux": "^7.1.3",
"react-router-dom": "^5.1.2",
"react-router-hash-link": "^1.2.2",
"react-scripts": "3.0.1",
"react-scroll": "^1.7.14",
"redux": "^4.0.1",
"redux-persist": "^5.10.0",
"redux-persist-transform-filter": "0.0.18",
"redux-saga": "^1.0.5",
"redux-thunk": "^2.3.0",
"sanitize-html": "^1.20.1",
"seamless-immutable": "^7.1.4",
"shopify-buy": "^2.8.1"
},
from builder.
Great, thanks Ted
Sadly I updated the codesandbox with your exact dependencies and can't reproduce https://codesandbox.io/s/builderioexample-react-2hpkp
Can you send me two more things to attempt to reproduce - your devDependencies and the full contents of your package-lock.json (or yarn.lock if you use that)
Also possibly worth trying on your end - wiping out your node_modules and reinstalling - but happy to copy your package-lock.json to a sandbox to see if I can reproduce first so we can avoid you needing to do that
from builder.
@steve8708 Yeah I wiped out the package-lock.json
and the node_modules
and reinstalled and still having that issue.
Here's our package.json
though:
{
"name": "answered-falcon",
"version": "0.1.0",
"private": true,
"dependencies": {
"@builder.io/react": "^1.0.98-alpha.9",
"@contentful/rich-text-html-renderer": "^13.4.0",
"@sentry/browser": "^5.7.1",
"@storybook/addon-backgrounds": "^5.2.5",
"@storybook/addon-centered": "^5.2.5",
"apisauce": "^1.0.2",
"classnames": "^2.2.6",
"connected-react-router": "^6.3.1",
"contentful": "^7.9.1",
"history": "^4.9.0",
"lodash": "^4.17.11",
"node-sass": "^4.11.0",
"query-string": "^6.2.0",
"ramda": "^0.26.1",
"react": "^16.8.2",
"react-content-loader": "^4.2.2",
"react-dom": "^16.8.2",
"react-fontawesome": "^1.6.1",
"react-helmet": "^5.2.0",
"react-imgix": "^8.6.4",
"react-keshan-carousel": "^1.10.9",
"react-redux": "^7.1.3",
"react-router-dom": "^5.1.2",
"react-router-hash-link": "^1.2.2",
"react-scripts": "3.0.1",
"react-scroll": "^1.7.14",
"redux": "^4.0.1",
"redux-persist": "^5.10.0",
"redux-persist-transform-filter": "0.0.18",
"redux-saga": "^1.0.5",
"redux-thunk": "^2.3.0",
"sanitize-html": "^1.20.1",
"seamless-immutable": "^7.1.4",
"shopify-buy": "^2.8.1"
},
"scripts": {
"analyze:js": "source-map-explorer 'build/static/js/*.js'",
"analyze:css": "source-map-explorer 'build/static/css/*.css'",
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"serve": "serve -s build",
"build:serve": "run-s build serve",
"cypress:dev": "cypress open",
"cypress:build": "CYPRESS_baseUrl=http://localhost:5000 run-p build:serve cypress:dev",
"lint": "node_modules/eslint/bin/eslint.js ./src",
"lint-fix": "node_modules/eslint/bin/eslint.js ./src --fix",
"storybook": "start-storybook -p 9009 -s public",
"build-storybook": "build-storybook -s public",
"gradle-build-qa": "gradle restoreConfig -Ptarget=qa",
"gradle-build-prod": "gradle restoreConfig -Ptarget=prod",
"surge": "npm run build && mv build/index.html build/200.html && surge build"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"@babel/core": "^7.4.3",
"@storybook/addon-actions": "^5.2.5",
"@storybook/addon-knobs": "^5.2.5",
"@storybook/addons": "^5.2.5",
"@storybook/react": "^5.2.5",
"babel-loader": "^8.0.5",
"cypress": "^3.2.0",
"eslint-plugin-cypress": "^2.2.1",
"jest-dom": "^3.1.3",
"npm-run-all": "^4.1.5",
"react-testing-library": "^6.0.0",
"redux-devtools-extension": "^2.13.8",
"serve": "^10.1.2",
"source-map-explorer": "^2.0.1",
"storybook-addon-jsx": "^7.1.6"
}
}
I can see the text components coming back in the content
within contentLoaded
:
from builder.
Great, thanks Ted. Yeah, this missing part is for some reason when rendering the components not being found which is very odd.
Can you send me your package-lock.json or yarn.lock as well?
from builder.
@steve8708 Sure, i'll email it to you
from builder.
Ok! Was able to reproduce and verify the fix - try out @builder.io/[email protected]
from builder.
@steve8708 Awesome, it works. Thanks for fixing that!
from builder.
Great, anytime!
from builder.
Related Issues (20)
- Registering MUI Components in Builder.IO not working with NextJS app router.
- Animations not supported in Svelte SDK HOT 1
- SSG support for builder generated pages HOT 1
- Builder webhook does not work with AWS amplify webhooks.
- The conversion to WebP on the `Image` component does not apply to the last image in the srcset
- Nuxt 3 A/B Test Variant Rendered Client Side HOT 2
- Edit block popup has a layout shift when clicking on accordion
- [nuxt] Unknown file extension ".css" HOT 10
- [Vue3] TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".css" HOT 1
- cannot import schema via CLI HOT 2
- Nuxt Build fails for catch-all page (symbol has already been declared) HOT 2
- {all : unset} taking higher specificity HOT 2
- Error: Cannot find module 'isolated-vm' HOT 7
- TypeError: The specifier “@builder.io/sdk-vue” was a bare specifier, but was not remapped to anything. HOT 8
- BlocksWrapper component adds unnecessary div & styling creating CSS issues
- Upgrading `@builder.io/sdk` to 2.2.1 breaks build HOT 1
- Upgrade isolated-vm version to latest version HOT 4
- `SIGSEGV` panic on Node.js 20 with `@builder.io/react` HOT 2
- Key option is not correctly forwarded in builder.getAll
- Builder SDK Vue breaks after 0.12.4 (properties of null (reading 'isCE') HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from builder.