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

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

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

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

Vuetify.js

Vuetify.jsは、マテリアルデザインを基本とするVue.jsのCSSフレームワークです。多くのマテリアルデザインのコンポーネントを提供しており、あらゆるアプリケーションに対応可能。vue-cli用テンプレートがあり、簡単にページを作成できます。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

TypeScript

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

Q&A

0回答

1297閲覧

Vue.js + Typescriptで、VSCode上でのみエラーが発生します。

harumaky

総合スコア13

Vue.js

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

Vuetify.js

Vuetify.jsは、マテリアルデザインを基本とするVue.jsのCSSフレームワークです。多くのマテリアルデザインのコンポーネントを提供しており、あらゆるアプリケーションに対応可能。vue-cli用テンプレートがあり、簡単にページを作成できます。

Vue CLI

Vue CLIは、Vue.jsでアプリケーション開発を行うためのコマンドラインインタフェース(CLI)に基づいた開発ツールです。インタラクティブなプロジェクトの雛形や設定なしで使用できるプロトタイプの作成など、さまざまな機能が用意されています。

TypeScript

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

0グッド

0クリップ

投稿2021/03/06 15:53

Vue / Typescript初心者質問させてください。

vue-cli-service serveをVSCode外ターミナルで実行し、変更があるごとにTypescriptをコンパイルし、エラーなくブラウザも適切に更新されるのに、VSCode内のターミナルの横の"問題"にTypescriptのエラーがはかれていることがあります。

この"問題"は裏でTypescriptをVSCodeが独自のデフォルト設定のまま今開いているファイルをコンパイルした結果が反映されているのでしょうか。

例えばVue 2.6, @vue/cli 4.5で展開したプロジェクトで、vue-cli-service serveを実行したところ、真新しいプロジェクトなので当然コンパイルエラーもなくホストされているのですが、VSCode上ではsrc/main.tsimport App from "./App.vue";している部分でエラーが発生しています。

また、vue add vuetifyで自動で生成されたshims-vuetify.d.tsmain.tsと同じディレクトリにあるにもかかわらず、このようなエラーが吐かれます。

イメージ説明

↑VSCodeでエラーがでているけど
↓vue-cli-service serveはエラーを吐かずにコンパイルしている

DONE Compiled successfully in 84ms0:22:18 Type checking in progress... App running at: - Local: http://localhost:8080/ - Network: http://192.168.11.2:8080/ No type errors found Version: typescript 3.9.9 Time: 259ms

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

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

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

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

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

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

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

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

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問