Do not use ‘new‘ for side effects

hello_dashen

于 2022-03-13 21:08:20 发布

阅读量1.3k

点赞数

分类专栏：软件安装及ERROR 文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/weixin_42235173/article/details/123466249

版权

软件安装及ERROR 专栏收录该内容

20 篇文章

订阅专栏

这篇博客介绍了如何处理ESLint关于禁止在副作用中使用'new'操作符的错误提示。提供了两种解决方案：一是通过在new Vue前添加/*eslint-disable no-new*/注释来禁用该规则；二是创建一个变量存储Vue实例，然后在Vue.use()中使用。此外，还展示了在自己的代码中如何针对Swiper组件应用相同的解决策略。

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

错误提示 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: '#app',
  render: h => h(App)
})

Vue.use({
  vm
})

自己代码解决方法：在new上加上注释 /* eslint-disable no-new */

import Swiper from 'swiper'
import 'swiper/dist/css/swiper.min.css'
export default {
  mounted () {
    /* eslint-disable no-new */
    new Swiper('.swiper-container', {
      pagination: {
        el: '.swiper-pagination'
      },
      loop: true
    })
  }
}