运行npm run build报错：无法加载vue/dist/vue.esm-bundler.js/server-renderer

错误原因 #

你的Notifications.vue文件中使用了错误的模块导入路径，尝试从vue/dist/vue.esm-bundler.js/server-renderer导入内容，但该路径对应的文件不存在，导致Vite构建时触发文件找不到的错误。

解决方案 #

• 修正导入语句
  打开resources/js/pages/Notifications.vue，找到涉及server-renderer的导入代码，替换为Vue官方指定的正确导入路径：

  // 错误示例
  import { renderToString } from 'vue/dist/vue.esm-bundler.js/server-renderer'
  
  // 正确写法
  import { renderToString } from 'vue/server-renderer'
  

• 校验依赖与缓存

  • 执行npm install确保所有依赖安装完整、版本匹配
  • 若问题持续，删除node_modules、package-lock.json文件后重新执行npm install，再尝试构建

• 检查Vite配置
  确认vite.config.js中没有错误的路径别名或resolve配置，避免Vite解析模块时出现路径偏差

内容的提问来源于stack exchange，提问作者Pablo