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

【问题标题】：Uncaught SyntaxError: The requested module '/@modules/vue.js' does not provide an export named 'default'未捕获的语法错误：请求的模块“/@modules/vue.js”不提供名为“默认”的导出
【发布时间】：2020-10-13 09:00:33
【问题描述】：

我在 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-validate 包的链接：https://www.npmjs.com/package/vee-validate?activeTab=readme

谢谢你帮助我。如果我的问题不清楚，请见谅。

【问题讨论】：

你在使用 vue 3 吗？我遇到了这个错误，因为在我的（旧 vue 2）代码库中的某个地方有这样的东西：import Vue from 'vue';
@PhilippMildenberger 是的，我已经弄清楚了。这正是我的问题。非常感谢您，先生！
愿意分享解决方案吗？

标签： javascript vue.js npm import vee-validate

【解决方案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

【讨论】：

我不是 TS，但感谢 Nadia。我一直在寻找这个 2 小时。