根据你的方法在组件中通过import Vue from 'vue' 引入了 Vue 直接报错The requested module '/@fs/D:/HBuilderX.3.5.3.20220729/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js' does not provide an export named 'default'

根据你提供的错误信息，看起来是由于你使用的是 Uniapp CLI Vite 插件导致的问题。该插件在引入 Vue 时可能存在一些兼容性问题。

为了解决这个问题，你可以尝试使用 Uniapp CLI 的普通模式，而不是 Vite 模式。普通模式使用 webpack，可能会更稳定。

请按照以下步骤切换到普通模式：

1. 在项目根目录下找到 `vue.config.js` 文件（如果没有，请创建一个）。
2. 在 `vue.config.js` 文件中添加以下内容：

module.exports = {
  configureWebpack: {
    resolve: {
      alias: {
        vue$: 'vue/dist/vue.esm.js'
      }
    }
  }
};

3. 保存文件并重新编译运行项目。

这样做将会使用完整版的 Vue，解决兼容性问题。

如果问题仍然存在，请提供更多关于你的项目配置和其他相关代码的信息，以便我能够更好地帮助你解决问题。

相关问题

SyntaxError: The requested module '/@fs/C:/Users/Administrator/Desktop/HBuilderX.3.7.7.20230316-alpha/HBuilderX/plugins/uniapp-cli-vite/node_modules/@dcloudio/uni-h5-vue/dist/vue.runtime.esm.js' does not provide an export named 'mounted'

这个错误是由于在 Vue3 中，`mounted` 钩子函数已经被移除，取而代之的是 `onMounted` 函数。所以，如果你在 Vue3 中使用了 `mounted` 钩子函数，会导致这个错误的发生。

要解决这个问题，你需要将 `mounted` 钩子函数替换为 `onMounted` 函数。例如，你可以按照以下方式进行修改：

import { onMounted } from 'vue'

export default {
  setup() {
    onMounted(() => {
      // 在这里编写代码
    })
  }
}

在这里，我们使用了 Vue3 中的 `setup` 函数，然后在函数内部使用 `onMounted` 函数来替代 `mounted` 钩子函数。`onMounted` 函数接受一个回调函数作为参数，在组件挂载后会自动执行这个回调函数。

Access to XMLHttpRequest at 'http://localhost:8080/springprojecttraining/api/updateUser' from origin 'http://localhost:8081' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. xhr.js:160 POST http://localhost:8080/springprojecttraining/api/updateUser net::ERR_FAILED 200 dispatchXhrRequest @ xhr.js:160 xhrAdapter @ xhr.js:11 dispatchRequest @ dispatchRequest.js:59 Promise.then (async) request @ Axios.js:51 Axios.<computed> @ Axios.js:71 wrap @ bind.js:9 submitForm @ user.vue:346 click @ user.vue:407 invokeWithErrorHandling @ vue.esm.js:3735 invoker @ vue.esm.js:1552 invokeWithErrorHandling @ vue.esm.js:3735 Vue.$emit @ vue.esm.js:2821 handleClick @ element-ui.common.js:9465 invokeWithErrorHandling @ vue.esm.js:3735 invoker @ vue.esm.js:1552 original_1._wrapper @ vue.esm.js:8013 createError.js:16 Uncaught (in promise) Error: Network Error at createError (createError.js:16:1) at XMLHttpRequest.handleError (xhr.js:69:1)为什么报错 如何解决呢

这是因为浏览器实施了同源策略（Same-Origin Policy）限制，导致从一个源访问另一个源时会被拒绝，特别是在前端使用JavaScript发起Ajax请求时。在这种情况下，需要进行跨域资源共享（CORS）配置。

解决方法如下：

1. 在服务器端配置CORS，允许指定的源或所有源访问：

- 允许指定源访问：

在服务器端的响应中添加Access-Control-Allow-Origin头，指定允许访问的源，例如：

Access-Control-Allow-Origin: http://localhost:8081

- 允许所有源访问：

在服务器端的响应中添加Access-Control-Allow-Origin头，指定允许所有源访问，例如：

Access-Control-Allow-Origin: *

2. 在前端使用代理服务器（Proxy）转发请求，以绕过浏览器的同源策略限制。

例如，使用Vue.js，可以在vue.config.js中添加以下配置：

module.exports = {
  devServer: {
    proxy: {
      '/springprojecttraining': {
        target: 'http://localhost:8080',
        changeOrigin: true
      }
    }
  }
}

这样，在前端使用axios等工具时，只需要将请求的URL改为代理服务器地址，例如：

axios.post('/springprojecttraining/api/updateUser', data)

这样就可以解决跨域问题了。