Tell us what’s happening:
Cannot compile & run my code.
Freecodecamp says:
Build error, open your browser console to learn more.
Chrome console says:
[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M91, around May 2021. See A1Link for more details.
82143 @ types.js:228
beacon.min.js:1 Failed to load resource: net::ERR_NAME_NOT_RESOLVED
B2Link Failed to load resource: net::ERR_NAME_NOT_RESOLVED
frame.js:93 Build error, open your browser console to learn more.
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/iframe_handler.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME
Build error, open your browser console to learn more. frame.js:93
frame.js (89-96):
const buildProxyConsole = proxyLogger => ctx => {
const oldLog = ctx.window.console.log.bind(ctx.window.console);
ctx.window.console.log = function proxyConsole(...args) {
proxyLogger(args.map(arg => format(arg)).join(' '));
return oldLog(...args);
};
return ctx;
};
Your code so far
class TypesOfFood extends React.Component {
constructor(props) {
super(props);
}
render() {
return (
<div>
<h1>Types of Food:</h1>
{/* Change code below this line */}
<Fruits />
<Vegetables />
{/* Change code above this line */}
</div>
);
}
};
// Change code below this line
ReactDOM.render(<TypesOfFood />, "challenge-node");
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36
.
Challenge: Render a Class Component to the DOM
Link to the challenge: