LoginSignup
0
0

More than 3 years have passed since last update.

VSCodeでVue.jsの import '@/xxxx'がコンパイルエラーになる

Posted at

以前も起こったがどう解決したか忘れてしまっていたのでメモ

開発環境

エディタ VSCode
フレームワーク Vue2
言語 Typescript

現象

スクリーンショット 2021-04-29 13.20.08.png

  • import A from '@/A.vue';の形式でコンポーネントをインポートしようとすると、コンパイルエラーになる
  • エラーは出ているが、この状態でnpm run serveしても問題なく動作する

原因

VSCodeで開くフォルダが原因
ts.config.jsonが直下に存在するフォルダを開く必要がある

plactice  ← エラーが出ているときはこのフォルダを開いていた
├── vue-typescript
    ├── sample
        ├── vue-ts-plactice  ← VSCodeの「フォルダを開く」からこのフォルダを開く必要がある
            |── node_modules
            |── public
            |── src
            |── package.json
            └── ts.config.json
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0