如何修复 vue.js 中的错误“默认导出必须位于文件或模块删除的顶层”

Question

当我尝试使用 lodash 库中的“shuffle”来打乱 vue.js 中的单词时，出现此错误。这是导致问题的代码。

import { shuffle } from 'lodash'

// Get word of the day
const answer = getWordOfTheDay();

// scramble word of the day
export default {
  data() {
    return {
      word: answer,
      scrambledWord: ''
    }
  },
  methods: {
    scrambleWord(word) {
      return shuffle(word.split('')).join('')
    }
  }
}

我尝试移动代码块并更改事物的顺序，但仍然遇到相同的错误。在“导出默认”部分突出显示。

Answer 1

如果有人想知道，发生这种情况的最常见原因之一是属性“setup”留在脚本标记中。