質問編集履歴
2
タイトル変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
|
|
1
|
+
Nuxt.jsでTypescriptを導入後、 vue-awesome-swiperのライブラリーを入れるとエラーがでます。
|
body
CHANGED
|
File without changes
|
1
ソースの表示
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,8 +7,6 @@
|
|
|
7
7
|
nuxt + typescript で vue-awesome-swiper を入れるとエラーがでます。
|
|
8
8
|
|
|
9
9
|
|
|
10
|
-
行った実装はこちらになります。
|
|
11
|
-
|
|
12
10
|
```ここに言語を入力
|
|
13
11
|
Failed to compile with 2 errors friendly-errors 11:00:23
|
|
14
12
|
|
|
@@ -18,7 +16,12 @@
|
|
|
18
16
|
* vue-awesome-swiper in ./plugins/swiper.js
|
|
19
17
|
```
|
|
20
18
|
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
## 行った実装はこちらになります。
|
|
22
|
+
|
|
21
|
-
|
|
23
|
+
index.vue
|
|
24
|
+
```vue
|
|
22
25
|
<template lang="pug">
|
|
23
26
|
section.case
|
|
24
27
|
v-layout(
|
|
@@ -70,7 +73,8 @@
|
|
|
70
73
|
|
|
71
74
|
```
|
|
72
75
|
|
|
73
|
-
|
|
76
|
+
plugin/swiper.js
|
|
77
|
+
``` javascript
|
|
74
78
|
import Vue from 'vue'
|
|
75
79
|
import VueAwesomeSwiper from 'vue-awesome-swiper'
|
|
76
80
|
import 'swiper/dist/css/swiper.css'
|
|
@@ -79,7 +83,8 @@
|
|
|
79
83
|
|
|
80
84
|
```
|
|
81
85
|
|
|
82
|
-
|
|
86
|
+
nuxt.config.ts
|
|
87
|
+
```ts
|
|
83
88
|
import colors from 'vuetify/es5/util/colors'
|
|
84
89
|
|
|
85
90
|
export default {
|
|
@@ -176,7 +181,8 @@
|
|
|
176
181
|
}
|
|
177
182
|
```
|
|
178
183
|
|
|
179
|
-
|
|
184
|
+
tsconfig.json
|
|
185
|
+
```json
|
|
180
186
|
{
|
|
181
187
|
"compilerOptions": {
|
|
182
188
|
"target": "es2018",
|