我尝试创建一个新的 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))
},
},
})