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

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'

这里是link 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.vuejs.org/guide/migration/global-api.html#a-new-global-api-createapp

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

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

javascript

vue.js

npm

import

vee-validate