Vue脚手架编译“Component name “School“ should always be multi-word vue/multi-word-component-names”问题

原创于 2022-10-05 21:08:30 发布 · 711 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

前端同时被 2 个专栏收录

8 篇文章

订阅专栏

Vue

3 篇文章

订阅专栏

本文介绍了解决Vue项目中因组件名称未遵循多词命名规范而导致的编译错误问题。通过在vue.config.js中设置lintOnSave为false，可以快速解决此问题并顺利运行项目。

在这里插入图片描述

使用脚手架npm run serve编译时出现了这个问题，翻译过来是：组件名称“学校”应始终为多词 vue/多词组件名称

原因是因为vue.config.js中配置项少配置了lintOnSave（语法检查这一项）导致软件编译无法通过，解决方案是打开项目中vue.congig.js配置文件，在里面加上 lintOnSave：false这一项，然后重新运行项目即可~

const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false  -->加上这行代码后即可(默认值true)
})