未捕获的语法错误：请求的模块“/@modules/vue.js”未提供名为“default”的导出

Question

我在 Vue.js 中使用名为 Vee Validate 的表单验证时遇到问题。我是初学者，不完全理解导入语法。我使用安装了 vee-validatenpm i vee-validate --save并将其放置在我的 node_modules 中。现在我将其导入到我的 main.js 模块中并使用官方页面上给出的代码：

import { extend } from 'vee-validate';
import { required } from 'vee-validate/dist/rules'; 

extend('required', {
  ...required,
  message: 'This field is required'
});

但是当我打开index.html时出现错误：

Uncaught SyntaxError: The requested module '/@modules/vue.js' does not provide an export named 'default'

以下是 vee-validate 包的链接：https://www.npmjs.com/package/vee-validate ?activeTab=readme

感谢你们对我的帮助。如果我的问题不清楚，请原谅我。

Answer 1

当我迁移到 vuejs 3 时，我遇到了同样的问题。

这：import Vue from 'vue';必须更改为：

import { createApp } from 'vue'

const app = createApp({})

查看指南： https://v3-migration.vuejs.org/writing-changes/global-api.html#a-new-global-api-createapp