❤ Vue使用Eslint检测报错问题和解决以及vue2迁移vue3

林太白

已于 2024-08-29 09:46:22 修改

阅读量1.9k

点赞数

分类专栏：常见问题文章标签： vue.js 前端 javascript

于 2023-08-24 10:23:37 首次发布

林太白

本文链接：https://blog.youkuaiyun.com/weixin_43615570/article/details/132468493

版权

常见问题专栏收录该内容

19 篇文章

订阅专栏

博客主要围绕Vue使用Eslint检测报错问题展开。介绍了关闭ESLint语法检测的步骤，阐述了eol - last和no - multiple - empty - lines规则细节及解决方法，还提及npm run dev启动报错的版本问题解决办法，以及从Vue2迁移到Vue3时RouteRecordRaw导入错误的解决方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

❤ Vue使用Eslint检测报错问题和解决

1、 Eslint检测完善

关闭ESLint语法检测即可：具体步骤如下：

第一步我们打开setting设置：

打开左上角的file，然后点击setting

接下来进入setting以后我们来看下面操作：

eol-last

在–fix命令行上的选项可以自动修复一些被这条规则反映的问题。

在非空文件中跟踪换行符是一种常见的 UNIX 习惯用法。尾随换行符的好处包括能够连接或附加文件以及输出文件到终端而不会干扰 shell 提示。

规则细节
该规则在非空文件的末尾至少执行一个换行符（或不存在）。

此规则在 v0.16.0 之前还强制文件末尾只有一行。如果您仍然需要这种行为，请考虑启用无多空行maxEOF和/或无尾空格。

此规则的错误代码示例：

/*eslint eol-last: ["error", "always"]*/

function doSmth() {
  var foo = 2;
}
此规则的正确代码示例：

/*eslint eol-last: ["error", "always"]*/

function doSmth() {
  var foo = 2;
}\n

【解决问题】

1 把项目中有个配置文件.editorconfig，insert_final_newline=true改成false
2 .eslintrc.js中取消最后该规则的校验'eol-last': 0

重新编译，没有警告了。

2、no-multiple-empty-lines

一些开发人员更喜欢删除多个空行，而另一些开发人员则认为这有助于提高可读性。
空格对于分隔代码的逻辑部分非常有用，但是多余的空白占用了更多的屏幕。

规则细节
规则旨在减少阅读代码时所需的滚动。它会在超过最大空行数量时发出警告。

选项
该规则有对象选项：

"max"（默认2：）强制连续空行的最大数量。
"maxEOF" 在文件结尾处强制执行最大数量的连续空行。
"maxBOF" 在文件的开头强制执行最大数量的连续空行。
max
{ "max": 2 }选项规则的默认代码错误代码示例：

/*eslint no-multiple-empty-lines: "error"*/

var foo = 5;



var bar = 3;
具有默认选项的{ "max": 2 }规则的正确代码示例：

/*eslint no-multiple-empty-lines: "error"*/

var foo = 5;

var bar = 3;

npm run dev启动报错问题

1、版本问题
npm i less-loader@4.1.0

3、The requested module ‘/node_modules/.vite/deps/vue-router.js?v=b747fc05‘ does not provide an expor

从Vue2迁移到Vue3时遇到关于RouteRecordRaw导入错误的问题，需将import语句改为import*asVueRouterfromvue-router，从而解决问题。

报错：

The requested module ‘/node_modules/.vite/deps/vue-router.js?v=b747fc05’ does not provide an export named ‘RouteRecordRaw’

从vue2过渡到vue3，引入路由完成之后发现报错了

网上查到的解决方案(重新安装路由)

npm uninstall vue-router
npm install vue-router@next -S

还是报错，于是我点报错信息提示在引入路由那一行

我原来写的是import VueRouter from 'vue-router'
现在vue3要这么写 import * as VueRouter from 'vue-router'

改完之后再运行就不报错了