ReferenceError: io3d is not defined at react npm project - archilogic

I tried to load scene data into aframe, then below error was showed up
3dio.js:13140 Uncaught (in promise) ReferenceError: io3d is not defined
at NewComponent.update (3dio.js:13140)
at NewComponent.updateProperties (aframe-master.js:73663)
at HTMLElement.value (aframe-master.js:72467)
at doUpdateComponent (aframe-master.js:72441)
at Array.forEach (<anonymous>)
at HTMLElement.value (aframe-master.js:72423)
at entityLoadCallback (aframe-master.js:72234)
at emitLoaded (aframe-master.js:73071)
at <anonymous>
"dependencies": {
"3dio": "^1.1.1",
"aframe": "^0.6.0",
"aframe-animation-component": "^3.2.5",
}
IO3D is working at global variable, io3d is not defined.

To use 3dio-js in an ES6 module you can import it like
import io3d from '3dio'

Related

Jest _stackUtils.default is not a constructor error in react native

Getting this error while trying to run jest test in react native.
FAIL src/utils/utils.test.ts
● Test suite failed to run
TypeError: _stackUtils.default is not a constructor
at Object.<anonymous> (node_modules/jest-message-util/build/index.js:72:20)
at Object.<anonymous> (node_modules/expect/build/toThrowMatchers.js:9:24)
at Object.<anonymous> (node_modules/expect/build/index.js:23:48)
at _expect (node_modules/#jest/expect/build/index.js:8:16)
at createJestExpect (node_modules/#jest/expect/build/index.js:29:3)
at Object.<anonymous> (node_modules/#jest/expect/build/index.js:39:20)
at tryCatch (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:72:17)
at Generator._invoke (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:55:24)
at Generator.next (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:97:21)
at tryCatch (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:72:17)
at invoke (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:103:20)
at node_modules/#babel/runtime/helpers/regeneratorRuntime.js:123:11
at callInvokeWithMethodAndArg (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:122:16)
at AsyncIterator._invoke (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:126:129)
at AsyncIterator.next (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:97:21)
at Object.exports.async (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:198:63)
at tryCatch (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:72:17)
at Generator._invoke (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:55:24)
at Generator.next (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:97:21)
at tryCatch (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:72:17)
at invoke (node_modules/#babel/runtime/helpers/regeneratorRuntime.js:103:20)
at node_modules/#babel/runtime/helpers/regeneratorRuntime.js:108:11

Error: Uncaught (in promise): TypeError: PlotlyService_1._plotly.purge is not a function

On leaving the angular component which uses the Plotly library, gives this error.
Probably an error while destroying the component and Plotly trying to access the purge function
ERROR Error: Uncaught (in promise): TypeError: PlotlyService_1._plotly.purge is not a function
TypeError: PlotlyService_1._plotly.purge is not a function
at Function.remove (http://localhost:4200/vendor.js:191063:37)
at PlotComponent.ngOnDestroy (http://localhost:4200/vendor.js:191206:23)
at callProviderLifecycles (http://localhost:4200/vendor.js:88385:18)
at callElementProvidersLifecycles (http://localhost:4200/vendor.js:88344:13)
at callLifecycleHooksChildrenFirst (http://localhost:4200/vendor.js:88326:29)
at destroyView (http://localhost:4200/vendor.js:98754:5)
at callViewAction (http://localhost:4200/vendor.js:98913:13)
at execComponentViewsAction (http://localhost:4200/vendor.js:98821:13)
at destroyView (http://localhost:4200/vendor.js:98753:5)
I have tried many ways for this issue but finally found the reason.
The plotly-plot was used in 2 modules. The import was done via plotlyViaCDNModule, which was causing the issue.
Use this instead:
import { PlotlyModule } from 'angular-plotly.js';
import * as PlotlyJS from 'plotly.js/dist/plotly.js';
PlotlyModule.plotlyjs = PlotlyJS;
imports: [ ....
PlotlyModule,
]

Cannot read property 'indexOf' of undefined in NextJS server

My Next JS website was working perfectly, one day when I tried to install Apollo Rest from here https://www.apollographql.com/docs/link/links/rest/#gatsby-focus-wrapper I began having a lot of errors.
I discard any changes in packages.json, removed packages-lock.json, node_modules and dust file and folders. But keep getting the next error:
GraphQL error occurred [getDataFromTree] TypeError: Cannot read property 'indexOf' of undefined
at addBasePath (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2966:15)
at F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2464:40
at Link.formatUrls (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2388:18)
at Link.render (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2588:14)
at processChild (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3134:18)
at resolve (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:2960:5)
at ReactDOMServerRenderer.render (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3435:22)
at ReactDOMServerRenderer.read (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3373:29)
at renderToStaticMarkup (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:4004:27)
at process (F:\Projects\breadcrumps\showcase\node_modules\#apollo\react-ssr\lib\react-ssr.cjs.js:38:16)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
TypeError: Cannot read property 'indexOf' of undefined
at addBasePath (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2966:15)
at F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2464:40
at Link.formatUrls (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2388:18)
at Link.render (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\index.js:2588:14)
at processChild (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3134:18)
at resolve (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:2960:5)
at ReactDOMServerRenderer.render (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3435:22)
at ReactDOMServerRenderer.read (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3373:29)
at renderToString (F:\Projects\breadcrumps\showcase\node_modules\react-dom\cjs\react-dom-server.node.development.js:3988:27)
at render (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:83:16)
at renderPage (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:415:16)
at Object.ctx.renderPage (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:905:30)
at Function.getInitialProps (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:247:19)
at Function.getInitialProps (F:\Projects\breadcrumps\showcase\dist\functions\next\server\static\development\pages\_document.js:916:85)
at Object.loadGetInitialProps (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\lib\utils.js:59:29)
at Object.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:419:36)
Error: "CustomDocument.getInitialProps()" should resolve to an object. But found "undefined" instead.
at Object.loadGetInitialProps (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\lib\utils.js:65:15)
at runMicrotasks (<anonymous>)
at processTicksAndRejections (internal/process/task_queues.js:97:5)
at async Object.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\render.js:419:22)
at async DevServer.renderToHTMLWithComponents (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:654:26)
at async DevServer.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:801:28)
at async DevServer.renderToHTML (F:\Projects\breadcrumps\showcase\node_modules\next\dist\server\next-dev-server.js:22:539)
at async DevServer.render (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:546:22)
at async Object.fn (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:396:17)
at async Router.execute (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\router.js:134:32)
at async DevServer.run (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:511:29)
at async DevServer.handleRequest (F:\Projects\breadcrumps\showcase\node_modules\next\dist\next-server\server\next-server.js:147:20)
Any hints to solve this annoying problem I will be grateful.
I found where is the problem, one of my websites link getting undefined value.
I am using 'next/link' component.
But it's not logical to get all these three exceptions for an undefined URL passed to that linked. I think NextJS development team should review more how they are logging an exception. And even if I passed undefined for that component, there should be a check for that, not the whole website should go down.
This may not apply to your install of Apollo, but I got the same error because I was using the react-router-dom syntax for Link:
<Link to="/home">
Changing it to the NextJs syntax fixed it for me:
<Link href="/home">
NextJs docs here:
https://nextjs.org/learn/basics/navigate-between-pages/link-component
For anyone else searching this error, I got a when passing Link as a prop to Material-UI ListItem that had been previously used to pass a react-router-dom Link in the component prop as so:
<ListItem
key={page.title}
activeClassName={classes.activeListItem}
className={classes.listItem}
to={page.href}
component={Link}
>
and can be changed to:
<Link href={page.href}>
<ListItem
key={page.title}
activeClassName={classes.activeListItem}
className={classes.listItem}
>
</Link>

Attempted import error: 'ToogleButton' is not exported from '#material-ui/lab'

When trying to instantiate ToogleButton in the code, its throwing the error message: Attempted import error: 'ToogleButton' is not exported from '#material-ui/lab'.
import { ToogleButton } from '#material-ui/lab';
Versions:
- #material-ui/core#4.9.8
- #material-ui/lab#4.0.0-aplha.47
- react#16.13.1
- react-dom#16.13.1
Install this version of lab : "#material-ui/lab": "^4.0.0-alpha.46",

Webpack dependency issue while adding nodeJavaBridge.js

I am doing a react project there i need to add Java library
It says while i'm running the project
ERROR in ./node_modules/java/lib/nodeJavaBridge.js
Module not found: Error: Can't resolve 'fs'
i add dependency in my package.json file is
{...
"dependencies": {
...
"fs": "0.0.1-security",
"java": "^0.9.0"
...
}
...}
for this what should i do

Resources