我用$ npm install vue-app创建了一个新的repo，并创建了一些测试组件。
当我运行命令$ npm run dev时，应用程序在本地主机端口3000启动。
我尝试在WP网站中添加我的组件。当我构建文件并添加到我的主题时，我收到消息：
未捕获的语法错误：不能在模块外部使用import语句
我找到了一些webpack的文档，但没有找到vite.config.js的文档。
有人能帮忙吗？
vite.config.js

// vite.config.js
import vue from '@vitejs/plugin-vue'

export default {
    plugins: [vue()]
}

package.json

{
  "name": "vite-app",
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "serve": "vite preview"
  },
  "dependencies": {
    "vue": "^3.0.5"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^1.2.3",
    "@vue/compiler-sfc": "^3.0.5",
    "vite": "^2.3.5"
  }
}