learn.nuxt.com icon indicating copy to clipboard operation
learn.nuxt.com copied to clipboard

Published 20 hours ago • verified publisher icon nuxt

[500 error]: Cannot set propeties of undefined (setting 'size')

Open pothuraju-dev opened this issue 1 year ago • 11 comments

Repoduction:

  1. Go to learn-dev.nuxt.com
  2. Got nuxt routing module section by clicking next module buttons
  3. Refresh the page after reaching page https://learn-dev.nuxt.com/concepts/routing
  4. Again issue coming when come to home page and refresh

Issue:

image

pothuraju-dev avatar Apr 05 '24 06:04 pothuraju-dev

@pothuraju-dev can you re-check again? I'm not able to see it now.

dhaladitya108 avatar Apr 13 '24 15:04 dhaladitya108

@pothuraju-dev can you re-check again? I'm not able to see it now.

@dhaladitya108 I just checked it's coming. Follow the steps I mentioned in the issue you will face.

I checked it by cloning the code and figured it out that it's coming from splitpanel npm package used internally in code

pothuraju-dev avatar Apr 13 '24 15:04 pothuraju-dev

@dhaladitya108 I just checked it's coming. Follow the steps I mentioned in the issue you will face.

I checked it by cloning the code and figured out that it's coming from splitpanel npm package used internally in code

Yes, @pothuraju-dev! You are right dude. The package doesn't seem to be maintained now.

dhaladitya108 avatar Apr 14 '24 02:04 dhaladitya108

I saw this error occasionally but can't stablely reproduce it. If you spot the culprit, PR is greatly appreciated.

antfu avatar Apr 15 '24 12:04 antfu

image

Not exactly sure what this means. I get this instead of the Cannot set properties error

rexhent avatar Jul 02 '24 12:07 rexhent

@rexhent It is coming from third-party package. These errors are inconsistent.

pothuraju-dev avatar Jul 02 '24 19:07 pothuraju-dev

I'm looking into this. I've forked the package https://github.com/rexhent/splitpanes and am publishing it at splitpanes4. I might refactor it to use composition api and switch away from pug to just normal vue templating syntax, then hopefully I might be able to track down that error more easily. Also more typescript everywhere.

@rexhent It is coming from third-party package. These errors are inconsistent.

rexhent avatar Jul 08 '24 06:07 rexhent

@antfu I'm not exactly sure how patch files work, if it is an issue with the actual splitpanes package if you want you could do it as a pr to https://github.com/rexhent/splitpanes, as splitpanes 3 is seemingly no longer maintained, and the maintainer won't merge any PR's.

rexhent avatar Jul 08 '24 07:07 rexhent

I think this issue was fixed. I checked in the local setup and live, but it didn't occur.

pothuraju-dev avatar Aug 01 '24 03:08 pothuraju-dev

I think this issue was fixed. I checked in the local setup and live, but it didn't occur.

Pretty sure it's this https://github.com/nuxt/learn.nuxt.com/commit/7c7a68f5dadcb16493f8a6907f7b3278de104f32

rexhent avatar Aug 04 '24 03:08 rexhent

We at NocoDB faced the same issue with this. This didn't happen when we mounted Splitpanes separately on different pages, but started happening when the pane was auto mounted on route change. The same patch https://github.com/nuxt/learn.nuxt.com/commit/7c7a68f5dadcb16493f8a6907f7b3278de104f32 fixed the issue.

Thanks @antfu for the patch.

amandesai01 avatar Dec 04 '24 06:12 amandesai01