关于@vite/client 404

多发生于项目从webpack迁移至vite的过程，在控制台发现其他资源可用，但是/@vite/client请求404。虽然debug比较麻烦，但是解决方法意外简单。

如果你在vite.config.js里添加了类似

  resolve: {
    extensions: ['.vue', '.js', '.json' ],
    alias: [
      { find: "@", replacement: path.resolve(__dirname, './src') },
    ],
  },

这样的兼容逻辑，那么在extensions数组里加入".mjs" 即可。

  resolve: {
    extensions: ['.vue', '.js', '.json', '.mjs'],
    alias: [
      { find: "@", replacement: path.resolve(__dirname, './src') },
    ],
  },

原因是@vite会去寻找node_modules/vite/dist/client/client.mjs文件。

参考：https://jishuin.proginn.com/p/763bfbd5e921