frontendmemo

このサイトは、「html、css、js、ruby,ツールなどについて、自分が覚えたこと、またはいつも忘れて調べることを書き溜め、それが結果といて勉強したての初心者の方や自分と同じような技術レベルの人の助けになることを目的とするWebログ」、略してブログです。挨拶→http://frontendmemo.hatenablog.com/entry/2016/06/25/115845

Vue+TypeScriptで起きたRawLocationエラーの対処法

スポンサードリンク


スポンサードリンク


下記のようなエラーが出ましたが以下の方法で解決しました。

経緯

 error TS2345: Argument of type '{ name: string; query: QueryParams; }' is not assignable to parameter of type 'RawLocation'.
  Type '{ name: string; query: QueryParams; }' is not assignable to type 'Location'.
    Types of property 'query' are incompatible.


Vue+TypeScript案件において他の環境ではエラーが出ないが、自分の環境でtypescriptの上記エラー発生

参考

github.com

上記を参考にvue-routerのバージョンを合わせた

対処法

ターミナルに以下のコマンドをたたけば解消しました。

npm

npm remove vue-router
npm install --save vue-router@3.0.6

npmは試してませんが、おそらくこんな感じかと。。

yarn

yarn upgrade vue-router@3.0.6

typescriptで環境によってエラーの差が出る場合、原因は入れてるモジュールや拡張機能などの開発環境の差があることがほとんどのようですので、そのへんを探ってみるとよいかもしれません。