When I try to preview comp I develop with Fela, getting below error:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it’s defined in, or you might have mixed up default and named imports. Check the render method of ArrowRight
.
28 stack frames were collapsed.
render
src/index.js:31
28 | } 29 | 30 | function render() {> 31 | return ReactDOM.render(getElement(), document.getElementById('root')); 32 | } 33 | 34 | render();
View compiled
Module…/src/index.js
src/index.js:34
31 | return ReactDOM.render(getElement(), document.getElementById('root')); 32 | } 33 | > 34 | render(); 35 | // If you want your app to work offline and load faster, you can change 36 | // unregister() to register() below. Note this comes with some pitfalls. 37 | // Learn more about service workers: http://bit.ly/CRA-PWA
View compiled
webpack_require
/capsule/webpack/bootstrap:782
779 | }; 780 | 781 | // Execute the module function> 782 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 783 | 784 | // Flag the module as loaded 785 | module.l = true;
View compiled
fn
/capsule/webpack/bootstrap:150
147 | ); 148 | hotCurrentParents = []; 149 | }> 150 | return __webpack_require__(request); | ^ 151 | }; 152 | var ObjectFactory = function ObjectFactory(name) { 153 | return {
View compiled
0
https://272ecc9324bd.capsule.ws/static/js/main.chunk.js:386:18
webpack_require
/capsule/webpack/bootstrap:782
779 | }; 780 | 781 | // Execute the module function> 782 | modules[moduleId].call(module.exports, module, module.exports, hotCreateRequire(moduleId)); | ^ 783 | 784 | // Flag the module as loaded 785 | module.l = true;
View compiled
checkDeferredModules
/capsule/webpack/bootstrap:45
42 | } 43 | if(fulfilled) { 44 | deferredModules.splice(i--, 1);> 45 | result = __webpack_require__(__webpack_require__.s = deferredModule[0]); | ^ 46 | } 47 | } 48 | return result;
View compiled
Array.webpackJsonpCallback [as push]
/capsule/webpack/bootstrap:32
29 | deferredModules.push.apply(deferredModules, executeModules || []); 30 | 31 | // run deferred modules when all chunks ready> 32 | return checkDeferredModules(); | ^ 33 | }; 34 | function checkDeferredModules() { 35 | var result;
View compiled
(anonymous function)
https://272ecc9324bd.capsule.ws/static/js/main.chunk.js:1:57
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.