質問編集履歴
2
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
現在、javascript中でimport ～ fromを使用すると、
|
|
15
|
-
この部分 → import { AgGridVue } from 'ag-grid-vue';
|
|
15
|
+
この部分 → import { AgGridVue } from 'ag-grid-vue'; ※たぶんこれは複数ファイルのよう？
|
|
16
16
|
で、Uncaught SyntaxError: Cannot use import statement outside a module とエラーがでており、
|
|
17
17
|
|
|
18
18
|
import ～ fromを使用できないときは、script type="module"を使用するようですが、
|
1
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,31 +1,20 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
Vue.js 3でjavascriptのimport ～ fromがうまくいかなくて困っています。
|
|
3
3
|
|
|
4
|
-
現在、Vue.js 3とag-gridを組み合わせて基本動作をさせようとしています。
|
|
5
|
-
|
|
6
|
-
ただし、ここでは Vue.jsとjavascriptのimport～fromの問題があります。
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
■ javascriptのみを使用するものはag-gridの動作が確認できました。手順はURL記事のサンプルコードの通り。
|
|
10
|
-
|
|
11
|
-
Get Started with ag-Grid in Your Project
|
|
12
|
-
[https://www.ag-grid.com/javascript-grid/](https://www.ag-grid.com/javascript-grid/)
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
■ Vue.js 3 + ag-Gridを組み合わせて使用しようとしています。
|
|
16
4
|
Vue Grid | Get Started with ag-Grid and Vue
|
|
17
5
|
[https://www.ag-grid.com/vuejs-grid/](https://www.ag-grid.com/vuejs-grid/)
|
|
18
6
|
|
|
7
|
+
現在、Vue.js 3とag-gridを組み合わせて、ag-gridの基本動作をさせようとしています。
|
|
19
8
|
手順はURL記事のサンプルコードの手順からは変更しています。(下記コードをご参照ください)
|
|
20
9
|
Vue.CLIは使用せず vue.global.jsを使用しています。
|
|
21
10
|
|
|
11
|
+
ただし、ここでは Vue.jsとjavascriptのimport～fromの問題のみに限定します。
|
|
22
12
|
|
|
13
|
+
|
|
23
14
|
現在、javascript中でimport ～ fromを使用すると、
|
|
24
|
-
|
|
25
15
|
この部分 → import { AgGridVue } from 'ag-grid-vue';
|
|
16
|
+
で、Uncaught SyntaxError: Cannot use import statement outside a module とエラーがでており、
|
|
26
17
|
|
|
27
|
-
Uncaught SyntaxError: Cannot use import statement outside a module とエラーがでており、
|
|
28
|
-
|
|
29
18
|
import ～ fromを使用できないときは、script type="module"を使用するようですが、
|
|
30
19
|
<script type="module" src="..."></script>
|
|
31
20
|
|
|
@@ -89,5 +78,14 @@
|
|
|
89
78
|
}).mount("#myGrid");
|
|
90
79
|
```
|
|
91
80
|
|
|
81
|
+
### その他、試したこと
|
|
82
|
+
|
|
83
|
+
■ javascriptのみを使用するものはag-gridの動作が確認できました。手順はURL記事のサンプルコードの通り。
|
|
84
|
+
|
|
85
|
+
Get Started with ag-Grid in Your Project
|
|
86
|
+
[https://www.ag-grid.com/javascript-grid/](https://www.ag-grid.com/javascript-grid/)
|
|
87
|
+
|
|
88
|
+
※importとVueは使っていないので問題なし。
|
|
89
|
+
|
|
92
90
|
### 補足情報（FW/ツールのバージョンなど）
|
|
93
91
|
ツールはVisual studio 2019 Professionalを使用
|