Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') at dd-gridstack.js:369:23

[mengyu987]

An error is displayed after the VUE project is packaged
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') at dd-gridstack.js:139

[adumesny]

you don't say what rev you are using, so the line number don't line up, but I assume the first one, and what you include.

GridStack.prototype._setupAcceptWidget = ...

https://github.com/gridstack/gridstack.js#extend-library
should work. closing.

[mengyu987]

Some files cannot be found due to a bug after Vite2.0 is built，
led to Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
thank you for your reply
拴Q

[leiyaguang]

same problem

[mengyu987]

同样的问题

你用的是vite来构建嘛，我将我的vite2升级为vite3就没问题了，我想可能是vite的问题

[leiyaguang]

是用vite2构建的，我更换了导入的地址后可以了。

// @ts-ignore
import GridStack from 'gridstack/dist/es5/gridstack-all';

[mengyu987]

这样也可以，不过升级下vite也可以，2的bug太多了

[adumesny]

read the doc - https://github.com/gridstack/gridstack.js#include - wrong include way (gridstack-all.js is only packaged for html include). use

import { GridStack } from 'gridstack';

[mengyu987]

阅读文档 - https://github.com/gridstack/gridstack.js#include - 错误的包含方式（gridstack-all.js 仅打包用于 html 包含）。利用

import { GridStack } from 'gridstack';

This error is generated after referencing builds like this in VitE2 at GridStack ^6.0.1.

[adumesny]

and please write content in english as I cannot translate it. You need to provide a running example showing it is a lib issue as I don't have bandwidth to debug other people issues.

[Ninita1]

I had the same problem. Locally everything works fine, but in production I had this ""Potentially unhandled rejection [3] TypeError: Cannot read properties of undefined (reading 'prototype')" error.
After some investigation I found that the problem was with the gridstack dependency.

I replaced import from "gridstack" to "gridstack/dist/es5/gridstack-all" and now it works fine in production.

[adumesny]

ha thanks for the hint... I see those methods I extracted out to different file (from when I supported static smaller bundle) and could remove that now..

[Pretagonist]

I have the same issue. When I use Vue 3 / Vite and build for production I get Uncaught TypeError: Cannot read properties of undefined (reading 'prototype') when the app tries to set the prototype methods for gridstack.

My guess is that something in the new method of importing fails in some way. When using the old way it worked in prod just fine. It's hard to troubleshoot since it only happens in the minified code but it consistently fails during SetupAcceptWidget.

Using the Vite dev servers with gridstack works without issues.

[adumesny]

fixed in next release