vscodeを開いた後に、右下にポップアップで、Veturのエラーが出ました。
Vetur can’t find package.json in /xxxx/xxxxxx.
Veturの公式サイトを参考に修正しました。
プロジェクトのルートディレクトリに、vetur.config.js という名前のファイルを作成します。
そのファイルの中に、次を記述します。
// vetur.config.js /** @type {import('vls').VeturConfig} */ module.exports = { // **optional** default: `{}` // override vscode settings // Notice: It only affects the settings used by Vetur. settings: { "vetur.useWorkspaceDependencies": true, "vetur.experimental.templateInterpolationService": true }, // **optional** default: `[{ root: './' }]` // support monorepos projects: [ './packages/repo2', // shorthand for only root. { // **required** // Where is your project? // It is relative to `vetur.config.js`. root: './packages/repo1', // **optional** default: `'package.json'` // Where is `package.json` in the project? // We use it to determine the version of vue. // It is relative to root property. package: './package.json', // **optional** // Where is TypeScript config file in the project? // It is relative to root property. tsconfig: './tsconfig.json', // **optional** default: `'./.vscode/vetur/snippets'` // Where is vetur custom snippets folders? snippetFolder: './.vscode/vetur/snippets', // **optional** default: `[]` // Register globally Vue component glob. // If you set it, you can get completion by that components. // It is relative to root property. // Notice: It won't actually do it. You need to use `require.context` or `Vue.component` globalComponents: [ './src/components/**/*.vue' ] } ] }
以上を行う事で、Vetur can’t find package.json in /xxxx/xxxxxx.エラーのポップアップが表示されなくなります。