Vue 3：创建时出错“预期标识符但发现‘导入’”

Question

我尝试创建一个新的 vue 3 应用程序，但我在创建时遇到问题。

节点版本：22.10.0 Npm 版本：10.9.0

我创建我的项目：

npm create vue@latest

就像文档中一样

当我尝试使用

npm run dev

运行代码时

我遇到这个错误

X [ERROR] Expected identifier but found "import"

    (define name):1:0:
      1 │ import.meta.url
        ╵ ~~~~~~

failed to load config from C:\Apache24\htdocs\testvue3\vite.config.mjs
error when starting dev server:
Error: Build failed with 3 errors:
(define name):1:0: ERROR: Expected identifier but found "import"

我还没有触及任何代码行，问题似乎来自下面的 vite.config.ts 文件

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

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

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

Answer 1

看来可以通过降级esbuild版本来暂时解决这个问题。您可以使用以下命令来执行此操作：

npm i -D [电子邮件受保护]