在开发Vue应用的过程中，我们经常需要修改组件文件（.vue文件），而在修改文件内容时，尤其是涉及到export default关键字的部分，常常会遇到脚本报错的问题。这些问题往往让开发者感到困惑，因为报错信息可能并不直观，或者和实际的代码错误没有直接关系。
错误原因通常有多种可能，例如可能是ESLint代码检查工具在作怪。ESLint是一个流行的JavaScript代码质量检查工具，可以检查代码中的语法错误、风格问题等。当在构建项目的过程中选择了Use ESLint to lint your code?时，项目构建工具（如Vue CLI）会使用eslint-loader将ESLint集成到Webpack构建流程中。这可能导致在开发过程中，每当你保存文件时，ESLint就立即运行并且对代码进行检查。如果规则配置过于严格，或者代码中存在一些ESLint无法自动修复的问题，就可能会导致大量的报错。
解决途径主要包括以下几点：
1. 修改webpack配置文件：我们可以通过修改webpack的配置文件（例如webpack.base.conf.js）来解决这个问题。具体的做法是，在Webpack的配置中找到使用eslint-loader的部分，并将其禁用。禁用的方法是删除或者注释掉与eslint-loader相关的配置。这些配置通常包括正则表达式（用于匹配.js和.vue文件）、loader类型、加载器选项等。禁用eslint-loader后，ESLint就不再在构建过程中运行，从而避免了可能的报错。
2. 修改ESLint规则：除了直接禁用eslint-loader之外，还可以调整ESLint的配置文件（.eslintrc.js）中的规则。比如，可以临时关闭某些规则或者放宽某些规则的限制，以便能够顺利地完成开发。之后，可以在代码稳定后重新开启严格的规则检查。
3. 使用eslint-friendly-formatter：如果想要保留ESLint的报错提示，但希望报错信息更为友好，可以考虑更换ESLint的报告格式化器。在webpack配置中可以指定使用eslint-friendly-formatter替代默认的格式化器，以获取更易于理解的错误提示。
4. 清除缓存并重启：有时候，Webpack和ESLint的缓存可能会导致一些旧的报错信息仍然显示，即便代码已经修复。此时，清除项目构建的缓存并重启开发服务器往往能够解决问题。
上述方法都是为了解决在开发Vue项目时，修改export default下脚本导致的一系列ESLint报错问题。当然，每个项目的具体配置可能略有不同，所以在具体操作时可能需要根据自己的项目情况适当调整。在修改配置文件后，需要重启开发服务器，以便更改生效。
另外，对于使用Vue CLI创建的项目，可以考虑使用Vue CLI提供的ESLint管理选项。Vue CLI内置了ESLint的集成，可以通过命令行快速修改ESLint的配置，而无需直接编辑配置文件。例如，可以使用命令`vue-cli-service lint`来检查和修复文件，或者使用`vue-cli-service lint --fix`来自动修复一些可修复的ESLint问题。
值得注意的是，ESLint在项目开发阶段的确会带来便利，它能够帮助我们提前发现并修正代码中的问题，提高代码质量和可维护性。因此，在项目完成开发后，通常还是会启用ESLint来保持代码质量。而在开发阶段，适当的配置调整则可以帮助我们更顺利地进行开发工作。
