javascriptのag-grid-vueのimportがうまくいかなくて困っています。

Question

javascriptのag-grid-vueのimportがうまくいかなくて困っています。どなたかご教授お願いします。

importをする理由は、ASP.NET Core MVCとvue.js 3　でvanillaバージョンのag-gridを使用していましたが、ag-grid-vueに変更する必要が出てきたため、ag-grid-vueをimportで取り込む必要がありました。

問題はjavascriptのことのみなので、ASP.NET Core MVCとvue.js 3についてはここでは伏せます。

scriptのパスは次のようになっています。
プロジェクト/wwwroot/lib/ag-grid-vue/dist/ag-grid-vue.umd.js

// 読込方法
<script src="~/lib/ag-grid-vue/dist/ag-grid-vue.umd.js"></script>

// windowオブジェクトでは取得できていて、Google chromeのデバックでWatchには次のように表示されています。
window["ag-grid-vue"]: Module

// Moduleをインポートする方法がうまくできませんでした。
import { AgGridVue } from window["ag-grid-vue"];

importをしようとすると、Google chromeのデバックでエラーメッセージ　として次のように表示されています。
Uncaught SyntaxError: Cannot use import statement outside a module

大変恐縮ですが、ご教授お願いします。

Answer 1

windowオブジェクトでは取得できていて、Google chromeのデバックでWatchには次のように表示されています。

でしたら、importではなく、単にconst AgGridVue = window["ag-grid-vue"];としてください。

Comments

[退会済みユーザー]

コメントありがとうございます。

教えて頂いた、const AgGridVue = window["ag-grid-vue"];　で解決したっぽいのですが、

この場合vue.jsでmoduleをcomponentに登録する場合に解決できませんでした。
Failed to resolve component: ag-grid-vue

一旦ベストアンサーにて締めさせていただき、別の質問内容で投稿させて頂きます。