質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

0回答

1618閲覧

Vue3でライブラリvue-google-maps導入時のエラーの対応方法についてご教授ください

sszkks

総合スコア15

Vue.js

Vue.jsは、Webアプリケーションのインターフェースを構築するためのオープンソースJavaScriptフレームワークです。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2021/09/05 07:28

TypeScript + Vue3の勉強の一環でGoogleMapを描画する画面開発を進めようとしています。
Vue2かつTypeScriptなしでの実装経験はありますが、本条件での経験はありません。

エラーの内容をみると型の定義等で問題が発生しているように見えますが、shims-vue.dt.tsに何か記載すればよいのでしょうか?

やりたいことやエラーに関して下記に記載させていただきましましたので、ご存知の方いらっしゃいましたらご教示いただけますと幸いです。

やりたいこと

 Vue3(CompositionAPI)でGoogleMapを描画しようとしています。
ライブラリなしでのGoogleMapの描画はググったところ難易度が高そう、
かつ描画後いろいろと手を加えたいためライブラリを導入して対応しようとしています。

状況

 ライブラリ(fawmi/vue-google-maps)を導入したものの、エラーが発生してしまい実装が進まないため、エラーの解決方法についてご教示いただきたいです。

エラー関連の情報

エラーが発生しているのは下記、「use(VueGoogleMaps」の部分です。

エラーが出ているファイル

main.ts

TypeScirpt

1import { createApp } from "vue"; 2import App from "./App.vue"; 3 4import VueGoogleMaps from "@fawmi/vue-google-maps"; 5 6 7// createApp(App).mount("#app"); 8const app = createApp(App); 9app 10 .use(VueGoogleMaps, { 11 load: { 12 key: "YOUR_API_KEY", 13 }, 14 }) 15 .mount("#app"); 16

発生しているエラー

Argument of type 'typeof import("node_modules/@fawmi/vue-google-maps/types/index")' is not assignable to parameter of type 'Plugin_2'. Property 'install' is missing in type 'typeof import("node_modules/@fawmi/vue-google-maps/types/index")' but required in type '{ install: PluginInstallFunction; }'.ts(2345) runtime-core.d.ts(1293, 5): 'install' is declared here.

確認したこと

 - package-lock.json / package.jsonに対象となるライブラリが追記されている(インストールされている)こと

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問