webstorm 使用vue时在import会缺少.vue结尾

Question

比如输入 <Chi 提示 Child。回车补全后
import Child from "./components/Child";
需要手动补上.vue结尾才能工作
import Child from "./components/Child.vue";

有什么办法解决么。

vite脚手架

//vite.config.js
const path = require('path');

module.exports = {
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      'vue': 'vue/dist/vue.esm-bundler.js',
      '@': path.resolve(__dirname, './src')
    },
    
  },
};

这样设置也不行。

Answer 1

你的脚手架有问题吧，本来就不需要.vue结尾