Skip to content

[Bug Report]: When passing non-valid json, the component crashes #60

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Closed
1 task done
mirkovancolen opened this issue Dec 12, 2024 · 0 comments
Closed
1 task done

[Bug Report]: When passing non-valid json, the component crashes #60

mirkovancolen opened this issue Dec 12, 2024 · 0 comments
Assignees
@webdevnerdstuff
Labels
bug Something isn't working

Comments

@mirkovancolen
Copy link

Vue Code Block Version

2.3.3

Vue Version

3.5.15

Bug description

JSON.parse is attempted but crashes.
Need to show output from an api. Sometimes json, but not always. IF not valid json, it crashes

Steps to reproduce

<VCodeBlock
  code="test"
  prismjs
  lang="json"
/>

Relevant log output

AppForm.vue:320 [Vue warn]: Unhandled error during execution of mounted hook 
  at <VCodeBlock code="test" prismjs="" lang="json"  ... > 
  at <AsyncComponentWrapper code="ansibleguy" prismjs="" lang="json"  ... > 
  at <AppForm key=0 onRerender=fn onChange=fn<formChanged>  ... > 
  at <Form onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< Proxy(Object) {__v_skip: true} > > 
  at <RouterView> 
  at <App>
warn$1 @ chunk-TF6X5W6F.js?v=991275c7:2113
logError @ chunk-TF6X5W6F.js?v=991275c7:2324
handleError @ chunk-TF6X5W6F.js?v=991275c7:2316
callWithErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2262
callWithAsyncErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2267
hook.__weh.hook.__weh @ chunk-TF6X5W6F.js?v=991275c7:4841
flushPostFlushCbs @ chunk-TF6X5W6F.js?v=991275c7:2445
flushJobs @ chunk-TF6X5W6F.js?v=991275c7:2487
Promise.then
queueFlush @ chunk-TF6X5W6F.js?v=991275c7:2382
queueJob @ chunk-TF6X5W6F.js?v=991275c7:2377
effect2.scheduler @ chunk-TF6X5W6F.js?v=991275c7:7492
trigger @ chunk-TF6X5W6F.js?v=991275c7:507
endBatch @ chunk-TF6X5W6F.js?v=991275c7:565
notify @ chunk-TF6X5W6F.js?v=991275c7:825
trigger @ chunk-TF6X5W6F.js?v=991275c7:799
set value @ chunk-TF6X5W6F.js?v=991275c7:1670
(anonymous) @ chunk-TF6X5W6F.js?v=991275c7:4542
Promise.then
setup @ chunk-TF6X5W6F.js?v=991275c7:4541
callWithErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2260
setupStatefulComponent @ chunk-TF6X5W6F.js?v=991275c7:9943
setupComponent @ chunk-TF6X5W6F.js?v=991275c7:9904
mountComponent @ chunk-TF6X5W6F.js?v=991275c7:7260
processComponent @ chunk-TF6X5W6F.js?v=991275c7:7226
patch @ chunk-TF6X5W6F.js?v=991275c7:6742
mountChildren @ chunk-TF6X5W6F.js?v=991275c7:6974
mountElement @ chunk-TF6X5W6F.js?v=991275c7:6897
processElement @ chunk-TF6X5W6F.js?v=991275c7:6862
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
mountChildren @ chunk-TF6X5W6F.js?v=991275c7:6974
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7156
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
patchElement @ chunk-TF6X5W6F.js?v=991275c7:7014
processElement @ chunk-TF6X5W6F.js?v=991275c7:6873
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
patchElement @ chunk-TF6X5W6F.js?v=991275c7:7014
processElement @ chunk-TF6X5W6F.js?v=991275c7:6873
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7174
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
patchUnkeyedChildren @ chunk-TF6X5W6F.js?v=991275c7:7597
patchChildren @ chunk-TF6X5W6F.js?v=991275c7:7531
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7200
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
patchElement @ chunk-TF6X5W6F.js?v=991275c7:7014
processElement @ chunk-TF6X5W6F.js?v=991275c7:6873
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
patchKeyedChildren @ chunk-TF6X5W6F.js?v=991275c7:7641
patchChildren @ chunk-TF6X5W6F.js?v=991275c7:7518
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7200
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
patchElement @ chunk-TF6X5W6F.js?v=991275c7:7014
processElement @ chunk-TF6X5W6F.js?v=991275c7:6873
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
patchKeyedChildren @ chunk-TF6X5W6F.js?v=991275c7:7641
patchChildren @ chunk-TF6X5W6F.js?v=991275c7:7518
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7200
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
patchBlockChildren @ chunk-TF6X5W6F.js?v=991275c7:7096
patchElement @ chunk-TF6X5W6F.js?v=991275c7:7014
processElement @ chunk-TF6X5W6F.js?v=991275c7:6873
patch @ chunk-TF6X5W6F.js?v=991275c7:6730
patchKeyedChildren @ chunk-TF6X5W6F.js?v=991275c7:7641
patchChildren @ chunk-TF6X5W6F.js?v=991275c7:7555
processFragment @ chunk-TF6X5W6F.js?v=991275c7:7200
patch @ chunk-TF6X5W6F.js?v=991275c7:6716
componentUpdateFn @ chunk-TF6X5W6F.js?v=991275c7:7450
run @ chunk-TF6X5W6F.js?v=991275c7:479
runIfDirty @ chunk-TF6X5W6F.js?v=991275c7:517
callWithErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2260
flushJobs @ chunk-TF6X5W6F.js?v=991275c7:2468
Promise.then
queueFlush @ chunk-TF6X5W6F.js?v=991275c7:2382
queueJob @ chunk-TF6X5W6F.js?v=991275c7:2377
effect2.scheduler @ chunk-TF6X5W6F.js?v=991275c7:7492
trigger @ chunk-TF6X5W6F.js?v=991275c7:507
endBatch @ chunk-TF6X5W6F.js?v=991275c7:565
trigger @ chunk-TF6X5W6F.js?v=991275c7:952
set @ chunk-TF6X5W6F.js?v=991275c7:1230
setExpressionFieldViewable @ AppForm.vue:320
onClick @ AppForm.vue:1396
callWithErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2260
callWithAsyncErrorHandling @ chunk-TF6X5W6F.js?v=991275c7:2267
invoker @ chunk-TF6X5W6F.js?v=991275c7:11155Understand this warningAI
VM12438:1 Uncaught (in promise) SyntaxError: Unexpected token 'a', "ansibleguy" is not valid JSON
    at JSON.parse (<anonymous>)
    at @wdns_vue-code-block.js?v=991275c7:1523:39
    at tn (@wdns_vue-code-block.js?v=991275c7:1525:7)
    at @wdns_vue-code-block.js?v=991275c7:1543:42
    at chunk-TF6X5W6F.js?v=991275c7:4861:40
    at callWithErrorHandling (chunk-TF6X5W6F.js?v=991275c7:2260:19)
    at callWithAsyncErrorHandling (chunk-TF6X5W6F.js?v=991275c7:2267:17)
    at hook.__weh.hook.__weh (chunk-TF6X5W6F.js?v=991275c7:4841:19)
    at flushPostFlushCbs (chunk-TF6X5W6F.js?v=991275c7:2445:28)
    at flushJobs (chunk-TF6X5W6F.js?v=991275c7:2487:5)

Additional context

No response

Code of Conduct

  • I agree to follow this project's Code of Conduct
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@webdevnerdstuff webdevnerdstuff

Labels
bug Something isn't working
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@webdevnerdstuff @mirkovancolen