facing Cannot read properties of null error after deploying next js app - error-handling

I deploy my next.js app in cPanel. The app is working properly in localhost but in cPanel it shows error of
TypeError: Cannot read properties of null (reading 'content')
at main-aff9f5cd95c9bd16.js:1:10552
at main-aff9f5cd95c9bd16.js:1:11029
at Array.forEach (<anonymous>)
at Object.updateHead (main-aff9f5cd95c9bd16.js:1:10400)
at Object.t [as _pendingUpdate] (main-aff9f5cd95c9bd16.js:1:90322)
at main-aff9f5cd95c9bd16.js:1:90761
at ri (framework-4556c45dd113b893.js:1:93730)
at Ss (framework-4556c45dd113b893.js:1:113957)
at is (framework-4556c45dd113b893.js:1:106214)
at jl (framework-4556c45dd113b893.js:1:46913)
I am disturbed by this error because I am not using any content variable in my project. I don't know from where this error is occurred. Kindly tell me how to solve this error.

Related

How to get proper detailed debug messages in Vue.js?

I'm trying to debug my VueJs3 application. Often I find that the debug messages shown in the console are cryptic and non-specific. This is an example of what I recently received:
runtime-core.esm-bundler.js?5c40:958 Uncaught (in promise) TypeError: Cannot read properties of null (reading 'emitsOptions')
at shouldUpdateComponent (runtime-core.esm-bundler.js?5c40:958)
at updateComponent (runtime-core.esm-bundler.js?5c40:4448)
at processComponent (runtime-core.esm-bundler.js?5c40:4402)
at patch (runtime-core.esm-bundler.js?5c40:3993)
at patchBlockChildren (runtime-core.esm-bundler.js?5c40:4307)
at patchElement (runtime-core.esm-bundler.js?5c40:4215)
at processElement (runtime-core.esm-bundler.js?5c40:4073)
at patch (runtime-core.esm-bundler.js?5c40:3990)
at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js?5c40:4608)
at ReactiveEffect.run (reactivity.esm-bundler.js?a1e9:160)
Unfortunately these messages do not help narrow down the specific component or line where an object is null. In fact these lines dont reference any of my files. I do have Vue Chrome extension installed, but that doesn't show any debug information. I'm used to working with python/django where an exception triggers a beautiful cascade of stack trace which helps to easily debug errors. How can I be more productive in solving errors in Vue?

could not connect to development server react native android studio

I reinstall node modules again and this error appears
Error: Forward-slash in opening tag not followed by >Line: 9Column: 42Char: / at error (F:\project\node_modules\sax\lib\sax.js:651:10) at strictFail (F:\project\node_modules\sax\lib\sax.js:677:7) at SAXParser.write (F:\project\node_modules\sax\lib\sax.js:1295:13) at new XmlDocument (F:\project\node_modules\xmldoc\lib\xmldoc.js:261:15) at readManifest (F:\project\node_modules\#react-native-community\cli-platform-android\build\config\readManifest.js:38:10) at Object.projectConfig (F:\project\node_modules\#react-native-community\cli-platform-android\build\config\index.js:70:46) at Object.get project [as project] (F:\project\node_modules\react-native\node_modules\#react-native-community\cli\build\tools\config\index.js:106:50) at filterConfig (F:\project\node_modules\react-native\node_modules\#react-native-community\cli\build\commands\config\config.js:13:20) at Object.func (F:\project\node_modules\react-native\node_modules\#react-native-community\cli\build\commands\config\config.js:27:32) at Command.handleAction (F:\project\node_modules\react-native\node_modules\#react-native-community\cli\build\index.js:186:23)
There's a syntax error in your AndroidManifest.xml.

App won't load after upgrading to RN 0.62

After upgrading to RN 0.62.2 from 0.61.3 using the RN tools for upgrading, updating pod (even had to modify a line in podspec following this to make it work : CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker":)
My app build but get stuck on the splashscreen. It's working well on RN 0.61.3
This is what i have in the metro console :
[Wed Apr 22 2020 18:22:25.108] WARN Require cycle: node_modules/react-native-af-video-player/components/index.js -> node_modules/react-native-af-video-player/components/TopBar.js -> node_modules/react-native-af-video-player/components/index.js
Require cycles are allowed, but can result in uninitialized values. Consider refactoring to remove the need for a cycle.
[Wed Apr 22 2020 18:22:25.108] LOG Unable to symbolicate stack trace: Unable to resolve data for blob: (null)
[Wed Apr 22 2020 18:22:25.109] LOG Running "gamefare" with {"rootTag":151,"initialProps":{}}
[Wed Apr 22 2020 18:22:25.122] LOG Unable to symbolicate stack trace: Unable to resolve data for blob: (null)
Anyone running in the same issue and any idea on how i can debug that ?
I tried deleting node modules and reinstall everything it does not solve the problem.
When i console log from my index.js i have nothing.
EDIT : This is the full error i have in Xcode :
2020-04-24 16:46:00.478 [error][tid:com.facebook.react.JavaScript] TypeError: Object is not a constructor (evaluating 'new _reactNative.TextInput()')
2020-04-24 16:46:00.481 [fatal][tid:com.facebook.react.ExceptionsManagerQueue] Unhandled JS Exception: TypeError: Object is not a constructor (evaluating 'new _reactNative.TextInput()')
2020-04-24 16:46:00.490 [info][tid:com.facebook.react.JavaScript] Running "gamefare" with {"rootTag":1,"initialProps":{}}
2020-04-24 16:46:00.490 [error][tid:com.facebook.react.JavaScript] Invariant Violation: "gamefare" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
2020-04-24 16:46:00.498 [fatal][tid:com.facebook.react.ExceptionsManagerQueue] Unhandled JS Exception: Invariant Violation: "myAppName" has not been registered. This can happen if:
* Metro (the local dev server) is run from the wrong folder. Check if Metro is running, stop it and restart it in the current project.
* A module failed to load due to an error and `AppRegistry.registerComponent` wasn't called.
2020-04-24 16:46:00.594 [info][tid:com.facebook.react.JavaScript] Unable to symbolicate stack trace: Unable to resolve data for blob: (null)
2020-04-24 16:46:00.604 [info][tid:com.facebook.react.JavaScript] Unable to symbolicate stack trace: Unable to resolve data for blob: (null)
Finally after some search, i had to disable page per page all my component to see what was the cause of the problem. It appear that this package i was using : react-native-confirmation-code-fieldneeded to be updated ! (the maintainer was aware of the problem with RN 0.62 and updated it, thanks to him !
I also needed to update reac-native-firebase if someone run into the same problem and use those modules.
The best way to debug is to do bit by bit by removing everything and added all the piece back together component per component when log in console are not clear

Angular 4 #ngx-translate Karma Jasmin test cases

Trying to integrate Angular 4 + #ngx-translate. Everything is executing and working properly with npm start. Problem arises when I tries to npm test run Karma test cases. All these started after adding #ngx-translate capabilities.
Console get below error:
20 09 2017 14:24:30.334:INFO [Chrome 60.0.3112 (Windows 7 0.0.0)]: Connected on socket n1uvSjMzMfCGU26zAAAA with id 7587189
Chrome 60.0.3112 (Windows 7 0.0.0) ERROR
Uncaught TypeError: Cannot read property 'Injectable' of undefined
at node_modules/#ngx-translate/core/bundles/core.umd.js:817
On browser console:
Uncaught TypeError: Cannot read property 'Injectable' of undefined
at Object.<anonymous> (core.umd.js:817)
at __webpack_require__ (core.umd.js:30)
at Object.module.exports (core.umd.js:1421)
at __webpack_require__ (core.umd.js:30)
at module.exports (core.umd.js:76)
at core.umd.js:79
at webpackUniversalModuleDefinition (core.umd.js:9)
at core.umd.js:10
ng-bootstrap.js:9 Uncaught TypeError: Cannot read property 'core' of undefined
at webpackUniversalModuleDefinition (ng-bootstrap.js:9)
at ng-bootstrap.js:10
On browser:
OtherComponent when inside a test host should process Instance name
TypeError: Cannot read property 'bpmWrapWorkItemList' of undefined
TypeError: Cannot read property 'bpmWrapWorkItemList' of undefined
Please help !!! I am new to Angular 4..
Please put beforeEach block to update language for translateservice
beforeEach(inject([TranslateService], (service: TranslateService) => {
service.use('de');
}));
I had a similar issue, and was able to resolve the problem by removing two script definitions in .angular-cli.json.
I replaced
"scripts": [
"../node_modules/#ngx-translate/core/bundles/core.umd.js",
"../node_modules/#ngx-translate/http-loader/bundles/http-loader.umd.js"
],
with
"scripts": [],
While this resolves the problem, and the translate service still works, I do not know why those scripts are required in the first place, and if it's okay to remove them.

Debug: internal, implementation, error , Bigcommerce Stencil error

I am using bigcommerce stencil and have started working on it and run command "stencil start" and got this error:
Debug: internal, implementation, error
TypeError: Uncaught error:self.assembler.getTranslations is not a
function
Also check in local (http://localhost:3000/) got below error
{"statusCode":500,"error":"Internal Server Error","message":"An
internal server error occurred"}
Can any body help me why I am getting this error?