主页 / coding / 问题 / 79296606
Accepted
Brice Mabillard
Asked: 2024-12-20 16:27:59 +0800 CST

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

  • 772

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

Node版本：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))
    },
  },
})
javascript

1 个回答

  1. Best Answer

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

    npm i -D [email protected]

    • 16

相关问题