rails 6 webpacker gridstack.js

application.js

require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")

import $ from "jquery" // yarn add jquery
// yarn add gridstack
import "gridstack/dist/jq/jquery-ui"

import 'gridstack/dist/gridstack-poly'; // optional IE support
import {
    GridStack
} from 'gridstack';

import 'gridstack/dist/jq/gridstack-dd-jqueryui'; // remove the ts version and del these lines
// const $ = require("./jquery");
// exports.$ = $;
// __export(require("./jquery-ui"));

import 'gridstack/dist/gridstack.css';

$(document).on('turbolinks:load', function () {
    var grid = GridStack.init();
    grid.addWidget('<div><div class="grid-stack-item-content">Item 1</div></div>', {
        width: 2
    });
});