Alpine Expression Error: pgEditable is not defined

[marcwitteveen]

How would one go around to solve an error like: Alpine Expression Error: pgEditable is not defined

Expression: "pgEditable(JSON.parse('{\u0022theme\u0022:\u0022tailwind\u0022,\u0022tableName\u0022:\u0022default\u0022,\u0022id\u0022:9,\u0022dataField\u0022:\u0022receiver_name\u0022,\u0022content\u0022:\u0022Kwak\u0022,\u0022fallback\u0022:\u0022\u0022}'))"

This problem occurred when I make a cell editable inline.

[marcwitteveen]

The problem occurred when adding inline editing.

After looking at the npn run build command I saw that two files were generated, app.js and powergrid.js vs one app.js file. Because of the two files, the libraries needed for powergrid were not loaded correctly.

Researching the reason what, why and how...

In the app.js file was writen import ('./../../vendor/power-components/livewire-powergrid/dist/powergrid'); and not import './../../vendor/power-components/livewire-powergrid/dist/powergrid'; loading the file static vs. dynamic.