ESlint is not a constructor

ESlint is not a constructor

wanglimindeMacBook-Air:front-start wanglimin$ yarn serve
yarn run v1.22.17
$ vue-cli-service serve
 INFO  Starting development server...


 ERROR  Failed to compile with 2 errors                                                                        上午7:47:15

ESLint is not a constructor

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
  Error: Child compilation failed:
  ESLint is not a constructor
  
  - child-compiler.js:169 
    [front-start]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  
  - Compiler.js:564 
    [front-start]/[webpack]/lib/Compiler.js:564:11
  
  - Compiler.js:1183 
    [front-start]/[webpack]/lib/Compiler.js:1183:17
  
  
  - task_queues.js:93 processTicksAndRejections
    internal/process/task_queues.js:93:5
  
  - task_queues.js:62 runNextTicks
    internal/process/task_queues.js:62:3
  
  - timers.js:434 processImmediate
    internal/timers.js:434:9
  

ERROR in ESLint is not a constructor

ERROR in   Error: Child compilation failed:
  ESLint is not a constructor
  
  - child-compiler.js:169 
    [front-start]/[html-webpack-plugin]/lib/child-compiler.js:169:18
  
  - Compiler.js:564 
    [front-start]/[webpack]/lib/Compiler.js:564:11
  
  - Compiler.js:1183 
    [front-start]/[webpack]/lib/Compiler.js:1183:17
  
  
  - task_queues.js:93 processTicksAndRejections
    internal/process/task_queues.js:93:5
  
  - task_queues.js:62 runNextTicks
    internal/process/task_queues.js:62:3
  
  - timers.js:434 processImmediate
    internal/timers.js:434:9
  


1 ERROR in child compilations (Use 'stats.children: true' resp. '--stats-children' for more details)
webpack compiled with 3 errors

8:19 秒的地方未能正常跑通

Eslint is not a constructor 什么的,算什么问题?

按照他提示做了也没有得到更多的信息

https://img1.sycdn.imooc.com//climg/6221553a09d018e908340219.jpg


本地代码我提交到github仓库了

https://github.com/lukegao1986/front-start

(终于可以会用git和老师说明问题了,想想还有点小激动😄)

https://img1.sycdn.imooc.com//climg/622156ca09992fb805820268.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

你的项目没有入口文件:


https://img1.sycdn.imooc.com//climg/6221c18f093df3d828061960.jpg


我添加了main.js,没有添加router啊,只是示意:

import Vue from 'vue'
import App from './App.vue'

new Vue({
    el: '#app',
    render: (h) => h(App)
}).$mount()

https://img1.sycdn.imooc.com//climg/6221c2cb098e34e713841180.jpg

没有你说的报错了~


修改了eslint

module.exports = {
    root: true,
    env: {
        node: true
    },
    extends: [
        'plugin:vue/essential',
        '@vue/standard'
    ],
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
        'vue/multi-word-component-names': 'off'
    },
    parserOptions: {
        parser: '@babel/eslint-parser'
    }
}


  • 幕布斯3322991 提问者 #1

    老师,我修改了.gitignore  现在有入口文件main.js了

    https://github.com/lukegao1986/front-start/tree/master

    但是还是运行不起来,显示如下,

    重新安装了 ‘@babel/eslint-parser’也没有用

    https://img1.sycdn.imooc.com//climg/6224bb0109d9779d10490736.jpg


    yarn serve后报出的错误令人绝望;

    ➜  front-start git:(master) yarn serve
    yarn run v1.22.17
    $ vue-cli-service serve
     INFO  Starting development server...
    
    
     ERROR  Failed to compile with 1 error                                                           下午9:48:13
    
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/Footer.vue
      17:9  error  Component name "Footer" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/Header.vue
      78:9  error  Component name "Header" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/modules/alert/Alert.vue
       1:1  error  Component name "Alert" should always be multi-word  vue/multi-word-component-names
      43:7  error  Unexpected mutation of "isShow" prop                vue/no-mutating-props
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/utils/axios.js
      11:3  error  Expected blank line between class members  lines-between-class-members
      22:3  error  Expected blank line between class members  lines-between-class-members
      52:3  error  Expected blank line between class members  lines-between-class-members
      58:3  error  Expected blank line between class members  lines-between-class-members
      65:3  error  Expected blank line between class members  lines-between-class-members
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Forget.vue
      114:9  error  Component name "forget" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Login.vue
      116:9   error  Component name "login" should always be multi-word  vue/multi-word-component-names
      142:11  error  'sid' is never reassigned. Use 'const' instead      prefer-const
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Reg.vue
      156:9   error  Component name "reg" should always be multi-word  vue/multi-word-component-names
      176:11  error  'sid' is never reassigned. Use 'const' instead    prefer-const
    
    ✖ 14 problems (14 errors, 0 warnings)
      7 errors and 0 warnings potentially fixable with the `--fix` option.
    
    
    You may use special comments to disable some warnings.
    Use // eslint-disable-next-line to ignore the next line.
    Use /* eslint-disable */ to ignore all warnings in a file.
    ERROR in 
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/Footer.vue
      17:9  error  Component name "Footer" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/Header.vue
      78:9  error  Component name "Header" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/components/modules/alert/Alert.vue
       1:1  error  Component name "Alert" should always be multi-word  vue/multi-word-component-names
      43:7  error  Unexpected mutation of "isShow" prop                vue/no-mutating-props
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/utils/axios.js
      11:3  error  Expected blank line between class members  lines-between-class-members
      22:3  error  Expected blank line between class members  lines-between-class-members
      52:3  error  Expected blank line between class members  lines-between-class-members
      58:3  error  Expected blank line between class members  lines-between-class-members
      65:3  error  Expected blank line between class members  lines-between-class-members
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Forget.vue
      114:9  error  Component name "forget" should always be multi-word  vue/multi-word-component-names
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Login.vue
      116:9   error  Component name "login" should always be multi-word  vue/multi-word-component-names
      142:11  error  'sid' is never reassigned. Use 'const' instead      prefer-const
    
    /Users/wanglimin/Desktop/front-learn/9/front-start/src/views/Reg.vue
      156:9   error  Component name "reg" should always be multi-word  vue/multi-word-component-names
      176:11  error  'sid' is never reassigned. Use 'const' instead    prefer-const
    
    ✖ 14 problems (14 errors, 0 warnings)
      7 errors and 0 warnings potentially fixable with the `--fix` option.
    
    
    webpack compiled with 1 error

     front-start资源包下载,npm i 后,运行是好的,是不是现在vue/cli升级版本太高,有什么兼容问题?


    2022-03-06 21:51:12
  • Brian 回复 提问者 幕布斯3322991 #2

    上面所有的提示,全是eslint的问题,可以按照课程提供的gist,配置vscode,eslint自动修复。或者,打开你的eslint的配置文件,关闭部分提示规则,比如: "vue/multi-word-component-names": "off"

    2022-03-07 23:28:38
  • 幕布斯3322991 提问者 回复 Brian #3

    只是设置了,'vue/multi-word-component-names': 'off'  

    还是没有用;注释掉整个eslint文件也没有用;最后按照eslint的提示,找到一个个错误的地方,选中“fix”或“ignore”自动修复了。真神奇


    一个弱弱的问题,课程gist是什么?是按照有项目校验码的那条链接 下载的front-start包(我现在就是用这个),还是配套git的源码?

    https://img1.sycdn.imooc.com//climg/622696c90917854609720495.jpg



    2022-03-08 07:35:40
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师