错误：请求的模块“vue”未提供名为“default”的导出

Question

<template>
  <div id="app">
    <p>Watched Value: {{ watchedValue }}</p>
    <input v-model="inputValue" placeholder="Enter a value" />
  </div>
</template>

<script>
import Vue from 'vue';

const app = new Vue({
  el: '#app',
  data() {
    return {
      inputValue: '',
      watchedValue: ''
    };
  },
  watch: {
    inputValue(newValue) {
      this.watchedValue = `You entered: ${newValue}`;
    }
  }
});
</script>

在 setup 函数中，我们创建一个具有 inputValue 和 WatchdValue 属性的响应式对象状态。 我们使用 watch 函数来监视 inputValue 的变化。每当 inputValue 发生变化时，就会触发回调函数。在本例中，我们通过将您输入的字符串指定为 ${newValue} 来更新 WatchedValue 以包含输入的值。 在模板中，我们使用Vue的数据绑定语法（{{variable}}）显示watchedValue，并使用v-model将输入字段绑定到inputValue。 当用户在输入字段中键入内容时，inputValue 会进行反应式更新，从而触发手表效果。然后，watchedValue 会更新以显示输入的值，前缀为“您输入：”。

Answer 1

先看一下这个问题： Vue“导出默认值”与“新 Vue”

我认为你尝试导入你的“组件”，所以你需要提供：

  export default {
       components: {
      myComponent
  }
  data () {
  return {}
 }
 ...

}

您的语法适用于根组件，不能像

那样使用

<my-component></my-component>

在父组件中

Answer 2

要解决此问题，请确保导出您的操作，如下所示

// Import Axios instance with base configuration

// Vuex module for authentication and permissions
const state = {
//
};

const mutations = {
//
};

// Individual actions exported as named exports
export async function registerUser(_, { name, email, password, password_confirmation }) {
//
}

// Export the module as a default export
export default {
  namespaced: true,
  state,
  mutations,
  getters,
};