关于@vite/client 404

多发生于项目从webpack迁移至vite的过程。虽然debug比较麻烦，但是解决方法意外简单。如果你在vite.config.js里添加了类似resolve: {extensions: ['.vue', '.js', '.json' ],alias: [{ find: "@", replacement: path.resolve(__dirname, './src') },],},这样的兼容逻辑

maxwheel

8225人浏览 · 2021-07-22 11:15:45

maxwheel · 2021-07-22 11:15:45 发布

多发生于项目从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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^