• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

解决新版vue-cli空格换行报错问题

开发技术 开发技术 4小时前 3次浏览

这个问题主要是因为你初始化的时候设置了eslint(规范化代码,你可以重新初始化关掉eslint)解决办法如下:

方法一:

找到目录下的build文件夹,面有webpack.base.config.js文件,将下放代码注释掉然后重启就可以了

解决新版vue-cli空格换行报错问题

由于我用vue-cli创建的项目没有build文件夹,所以找不到webpack.base.config.js文件,不能用上面这种方法解决,所以↓

方法二: 

打开根目录下的.eslintrc.js文件,加入下面代码

chainWebpack: config => {
    config.module
      .rule('vue')
      .use('vue-loader')
      .loader('vue-loader')
      .tap(options => {
        options.compilerOptions.preserveWhitespace = true
        return options
      })
  }

如图所示:

解决新版vue-cli空格换行报错问题

 完美解决~~

 


程序员灯塔
转载请注明原文链接:解决新版vue-cli空格换行报错问题
喜欢 (0)