web-dev-qa-db-ja.com

VSCode Intellisenseはwebpack +エイリアスでは機能しません

Babelエイリアスを使用するプロジェクトがあります。

resolve: {
  alias: {
      vue: 'vue/dist/vue.js',
      '@cmp': resolve('src/components'),
      '@service': resolve('src/services'),
      '@scss': resolve('src/assets/styles'),
  }
}

とコンポーネント：

import someService from '@service/some'

そして、Intellisenseは機能しません。と：

import someService from '../../../../service/some'

します。

助言がありますか？

visual-studio-codevscode-settings
15
Chen

jsconfig.json を作成し、pathsコンパイラオプションを設定してみてください

{
  "compilerOptions": {
    "baseUrl": ".",
    "module": "commonjs",
    "paths": {
      "@cmp/*": ["./src/components/*"]
    }
  }
}

pathsおよびその他のコンパイラオプションについての詳細情報 ここ

15
Matt Bierner

これは私にとってはうまくいきました here （@/が./src/に解決されることを望んでいました）：

{
  "compilerOptions": {
    "target": "es2017",
    "allowSyntheticDefaultImports": false,
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]
}

最小バージョンですが、excludeも残しておきます。

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  },
}
1
Adam Jagosz