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

Question

我在 Vue.js 中使用名为 Vee Validate 的表单验证时遇到问题。 我是初学者，并不完全理解导入语法。 我使用npm i vee-validate --save安装了 vee-validate，它被放置在我的 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 验证 package 的链接： 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.vuejs.org/guide/migration/global-api.html#a-new-global-api-createapp