vite 无法从 vite.config.js 加载配置，

我通过执行这些操作创建了一个新的 vue 应用程序（根据 vue 文档）

1. npm init vue@latest

2. npm install

然后我尝试运行

npm run dev

我的环境是这些

• 操作系统 => Ubuntu
• 节点版本 => 18.7.0
• npm 版本 => 8.15.0

我的 package.json

{
  "name": "vue-project",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "preview": "vite preview --port 4173"
  },
  "dependencies": {
    "vue": "^3.2.37"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.1",
    "vite": "^3.0.4"
  }
}

我的vite.config.js

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// /config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  }
})

我已经搜索了一段时间但无济于事。提前致谢。

最后我找到了解决方案。 问题是因为 package.json 文件冲突。 Vite 使用了位于项目父目录中的错误package.json 文件，而不是项目自己的package.json 文件。像这样-

• ~/package.json（文件错误）
• ~/Projects/VueProject/package.json（正确的文件）

所以删除错误的文件，问题就解决了。

感谢这个 github 问题答案 package.json:1:0: error: Unexpected end of file