Eslint 之 Do not use 'new' for side effects错误解决

禁用ESLint no-new Vue警告
最新推荐文章于 2022-03-13 21:08:20 发布
原创 最新推荐文章于 2022-03-13 21:08:20 发布 · 256 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决在使用Vue.js时遇到的ESLint no-new错误的方法。只需在new Vue实例前添加/* eslint-disable no-new */注释，即可避免此警告。
  1. 错误描述：

2：解决办法

    在new Vue({代码之前加入/* eslint-disable no-new */注释即可解决

loly_zhang
关注
Vue源码分析——第三章
Lee的博客
09-10 788
Vue源码分析——第一章 Vue源码分析——第二章 // only used in dev mode //检测 val必需是数字 function checkDuration(val, name, vnode) { if (typeof val !== 'number') { warn( "<transition> explicit " + name + " duration is not a valid number - " + "got " + ...
在vue项目中下载swiper出现：Do not use ‘new’ for side effects报错问题
YY的博客
12-01 1033
在vue项目中下载swiper出现：Do not use ‘new’ for side effects报错问题
Do not use 'new' for side effects的问题解决
浮生离梦的博客
01-06 1967
在之前的vue项目开发中遇到了这样的一个问题，在通过new创建swiper对象的时候，出现了Do not use 'new' for side effects这个错误， 如图所示： 这个问题的意思是不要使用new 去创建，会有副作用影响的。在vue的项目开发中使用了Eslint，于是出现了这个错误，我们可以在new之前添加一行代码去设置，让Eslint不检查"no-new"，这样就可以...
Vue项目EsLint校验‘DO NOT USE 'NEW' FOR SIDE EFFECTS’解决方案
yorkmass
08-07 490
我在写Vue项目时候在js里面写入如下代码报错 import Vue from 'vue' import App from './App.vue' new Vue({ el: '#app', component: { App }, template: '<App/>' }) 解决方案： 1、定义一个变量xxx接受创建的Vue，然后在use里面添加xx...
vue编译报错：Do not use 'new' for side effects (no-new)
huzhenv5的博客
01-19 6624
有时候eslint会在我们使用了new的地方，报一个Do not use 'new' for side effects (no-new)的错误，如下图所示： 通过查找eslint的官方文档，官方对no-new规则的解释是：disallow new operators outside of assignments or comparisons，翻译过来就是：不允许在赋值或比较之外使用new操作，知...
Vue：Do not use 'new' for side effects报错解决
灿灿大王搭建的黄金屋
05-30 1万+
原代码片段： new Vue({ el: '#post-demo', data: { posts: [ { id: 1, title: 'My journey with Vue' }, { id: 2, title: 'Blogging with Vue' }, { id: 3, title: ...
vue-cli的eslint相关用法
08-29
1. `Do not use ‘new' for side effects`：这是因为在某些情况下直接使用 `new` 创建对象是不推荐的，应该将对象赋值给一个变量，例如 `var vm = new Vue()`。 2. `Strings must use singlequote`：ESLint 鼓励使用...
vue 常见报错和解决方案
fwhezfwhez的博客
01-08 3106
Do not use 'new' for side effects.eslint(no-new) 解决方法，加上/* eslint-disable no-new */ ///* eslint-disable no-new */ new Vue({ el: '#layout', components: { Layout }, template: '&amp;lt;App/&amp;gt;' }) ...
vue输入npm run dev 运行不了
最新发布
12-29
例如，“Do not use 'new' for side effects”的警告可通过调整 `.eslintrc.json` 文件中的规则定义或是通过添加内联注释的方式暂时忽略该条目检查[^4]。 ```javascript // .eslintrc.json 中禁用某规则 { "rules...
揭秘Vue.set背后的机制：5种不触发视图更新的坑及解决方案
[揭秘Vue.set背后的机制：5种不触发视图更新的坑及解决方案](https://ucc.alicdn.com/pic/developer-ecology/aae2472a586b4d8986281b559f80faae.png?x-oss-process=image/resize,s_500,m_lfit) # 摘要 本文系统...
Do not use ‘new‘ for side effects的五种解决方法
东乡阳旭的博客
12-24 5877
Do not use 'new' for side effects的五种解决方法
vue常见问题解决办法（一）|vue.js报错“Do not use 'new' for side effects“（main.js里）解决办法
热门推荐
twinkle2star的博客
06-21 1万+
博主在初步尝试vue搭建小的项目时，尝试了ESLint工具检查代码质量。命令行报错“Do not use ‘new’ for side effects“，main.js里的原代码是这样的：new Vue({ router, el: "#app", render: h => h(App) })这段代码不适用ESLint检查运行是没有问题的，使用了ESLint要改成如下的形式：let vm
解决vue项目eslint校验 Do not use 'new' for side effects 的两种方法
a50270的博客
10-29 809
import Vue from 'vue' import App from './App.vue' import router from './router' new Vue({ el: '#app', render: h => h(App), router }) 当使用eslint校验运行上面这段代码时（该代码在src/main.js...
使用swiper插件时，遇到Do not use ‘new‘ for side effects (no-new)报错！！！
@微你
12-01 270
使用swiper插件时，遇到Do not use ‘new’ for side effects (no-new)报错！！！ 报错截图： 解决办法：添加一行注释 /* eslint-disable no-new */，让eslint不检查"no-new"； 添加注释之前： 添加注释之后： 参考链接：https://www.cnblogs.com/xinzaimengzai/p/9873169.html ps:如有错误，欢迎指正 ...
Do not use ‘new‘ for side effects
weixin_42235173的博客
03-13 1358
错误提示 Do not use ‘new’ for side effects 方法一：在new Vue上加/* eslint-disable no-new */, 这句注释可以绕过规则检测 /* eslint-disable no-new */ new Vue({ el: '#app', router, components: { App }, template: '<App/>' }) 方法二 let vm = new Vue({ router, el:
解决VUE项目ESLINT校验DO NOT USE 'NEW' FOR SIDE EFFECTS的两种方法
wen_j的博客
03-27 927
import Vue from 'vue' import App from './App.vue' import router from './router' new Vue({ el: '#app', render: h => h(App), router }) 当使用eslint校验运行上面这段代码时（该代码在src/main.js文件中），会报错 ✘ http://...
eslint中不能使用new的解决方方法
weixin_44222717的博客
02-26 875
关于 eslint中不能使用new时的情况，以swiper为例 错误如下： error Do not use ‘new’ for side effects no-new 解决如下 /* eslint-disable */ new Swiper(’.swiper-container’, { }) ...
webpack-Error: Do not use ‘new‘ for side effects..
qq_35531398的博客
06-29 227
new Vue({ el: '#app', router, store, render: h => h(App) }) Eslint 不允许实例化后无接收值 解决思路一 参考官方建议 /* eslint-disable no-new */ new Vue({ el: '#app', router, store, render: h => h(App) }) 参考 ——Eslint-No-new：https://eslint.org/docs/..
【eslint】规则问题汇总，兼容prettier函数后空格等规则
webFrontEndDev的博客
11-25 8340
一、eslint 规则 【no-new】Do not use 'new' for side effects.禁止使用new不将结果对象分配给变量的关键字的构造函数调用来维护一致性和约定。 使用new构造函数的目标通常是创建特定类型的对象并将该对象存储在变量中 /*eslint no-new: "error"*/ // Bad new Thing(); // Good var thing = new Thing(); Thing(); .eslintrc.js module...
解决net use远程关机1326及1219错误
"这篇技术文章主要讨论了如何使用`net use`命令进行远程关机操作，以及在遇到相关问题时的解决方法，特别是针对Windows XP系统中的IPC$连接问题。" 在Windows操作系统中，`net use`命令是一个非常实用的工具，用于...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值