vue项目运行es6语法报错

开发中命令行创建项目运行起来就报错,是es6语法转换es5语法时报错并不是代码错误,有时候我们明明知道自己的代码写的没问题但是报错了就很烦,下面我给大家说说本人亲测有效解决es6语法报错的方法。
报错信息如下:
在这里插入图片描述解决办法:
本人推荐大家可以自己整理一个报错笔记,然后记录下自己的报错解决方法,那么下次遇到类似的报错问题我们就可以直接去解决就Ok了,不用花时间再去百度解决方法,这样既省时间又能提高开发效率。

来点干货:

vue项目报错文件配置库
.eslintrc.js文件配置
    rules: {
        'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
        'space-before-function-paren': 0,
        'indent': 0,
        'no-multi-spaces':'off',
        "no-multiple-empty-lines": [0, { "max": 100 }],
        'arrow-parens': 0,
        'generator-star-spacing': 0,
        'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
        "no-unused-vars": [2, { 
        "vars": "local",
        "args": "none" 
        }],
        "semi": [0],
        "no-mixed-spaces-and-tabs": [0], 
        "space-before-blocks":0,
        "key-spacing":0,
        "arrow-spacing":0,
        "no-trailing-spaces":0,
        "eol-last":0,
        "prefer-const":0,
        "quotes":0
      }

vue.config.js文件配置
    const { defineConfig } = require('@vue/cli-service')
    module.exports = defineConfig({
    transpileDependencies: true,
  	lintOnSave: false
})

解決方法給大家了,希望可以帮到你!

最终结果:项目运行起来了
在这里插入图片描述
在这里插入图片描述

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐