Vue报错 error Component name “School“ should always be multi-word vue/multi-word-component-name

已于 2022-05-09 22:08:26 修改
阅读量7.2k 收藏 3
点赞数 6
文章标签： vue
于 2022-02-18 23:48:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51442367/article/details/123012905
版权

Vue现在需要写成multi-word 编译才不会出错，所以需要修改命名，将School改为SchoolName等方式命名

或者修改eslint

weixin_51442367
关注
  • 6
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
vue-component-devtool:Vue 组件开发模板
05-14
vue-component-devtool 通过 初始化；采用 来加载文档。 基于 webpack 的 Vue 组件开发工具。可以编写例子，文档。 use git clone https://github.com/mengdu/vue-component-devtool my-component 安装依赖 yarn # or npm install 功能 打包vue组件，导出 umd 模式 支持 markdown 解析 markdwon 可以编写编写vue例子 目录： ├─build 开发工具 ├─docs 打包后的文档 ├─dist 打包后库 │ ├─index.umd.js │ └─index.css ├─src 组件源码 ├─examples 文档源码 开发模式（支持热更新） npm run dev 打开 http://localhost:8080 查看效果。 打包组件 np
基于vue-upload-component封装一个图片上传组件的示例
10-17
主要介绍了基于vue-upload-component封装一个图片上传组件的示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue脚手架报错：Component name “School“ should always be multi-word vue/multi-word-component-names
weixin_56035334的博客
05-23 3930
目录 背景 解决方法 背景 运行命令行：npm run serve时，提示报错： error Component name "School" should always be multi-word vue/multi-word-component-names（组件名称“School”应始终为多字vue/多字组件名称） 解决方法 打开文件夹中 vue.config.js，配置命令行lintOnSave:false， 这个命令行目的是，关闭自动语法检查，使得代码...
vue/multi-word-component-names错误
最新发布
m0_60913945的博客
03-13 135
解决vue的error Component name “School“ should always be multi-word vue/multi-word-component-names的问题
Carlos_Zhf的博客
12-21 621
Vue的常见的报错，有问题可以讨论
vue报错：error Component name “School“ should always be multi-word vue/multi-word-component-names
dfghjkkjjj的博客
06-18 491
错误详细信息：error Component name "School" should always be multi-word vue/multi-word-component-names原因：语法检查时把命名不规范当作语法错误。解决办法：关闭语法检查在vue.config.js中加入
Vue脚手架编译“Component name “School“ should always be multi-word vue/multi-word-component-names”问题
Chen__sir__的博客
10-05 561
运行Vue脚手架报错“Component name "School" should always be multi-word vue/multi-word-component-names”的解决方法
Vue报错：Component name “School“ should always be multi-word vue/multi-word-component
DCJwwh的博客
01-17 8598
今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。
【Vue】Vue脚手架中组件命名报错Component name “School“ should always be multi-word vue/multi-word-component-name
小秀的博客
05-14 1850
Vue脚手架中组件命名报错
error Component name “School“ should always be multi-word vue/multi-word-component-names 解决
weixin_55856685的博客
06-06 4396
在运行vue时发生报错：error Component name "School" should always be multi-word vue/multi-word-component-names multi-word-component-names 意为多单词组件名也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接所以可以将School改为SchoolName，当然子组件名，App中import引入路径名，注册组件名，和页面标签都要改为S
Vue中遇到的Bug( Component name “School“ should always be multi-word vue/multi-word-component-names)
十二间记，知不足而奋斗，望远山而前行。千里不辞行路远，时光早晚到天涯。
01-10 225
Vue-CLI 新版本（5.0.8）的bug
Component name “School“ should always be multi-word. eslint(vue/multi-word-component-names)
qq_42033584的博客
02-03 371
vue.cli的eslint禁止
vue-flatpickr-component：Flatpickr日期时间选择器的Vue.js组件
02-06
Vue FlatPickr组件 Vue.js组件，用于日期时间选择器。或版本矩阵Vue.js版本套餐版本科2.x 8.x ...true ，组件将负责所有操作与验证库一起使用安装# yarnyarn add vue-flatpickr-component# npmnpm install vue-flatpick
generator-vue-component-developer:vue组件开发模板
05-13
Vue组件开发项目样板 > A component develop project boilerplate to enable your quick develop your component or directive and publish to npm 项目结构 |-- demo # demo project |-- App.vue # demo ...
vue-multi-page:使用@ vuecli＃3.x配置多页项目环境
05-02
首先 使用vue脚手架开发多页应用是比较特别的需求，无奈有需求就要有解决的方案办法，之前写过用vue-cli2.x改造生产多页应用的方法，现在想想应该升级换代了。 本想自己配置一个多页的开发配置给大家参考使用，看完...
Vue报错：Component name “School” should always be multi-word vue/multi-word-component
wszwx55的博客
04-09 114
看了很多次课程，后来找到了问题所在，问题也很好解决，打开vue.config.js文件，添加如下代码即可。今天学习vue脚手架时候直接遇到报错，看了很多次课程，后来找到了问题所在，问题也很好解决。问题很容易解决，但是不知道也会困在其中，所以想发出来记录一下。
Vue脚手架报错——Component name “School“ should always be multi-word vue/multi-word-component-names
AtlantisPrincess的博客
06-05 4779
Vue学习问题
error Component name School should always be multi-word vuemulti-word-component-names
weixin_45572279的博客
03-23 216
error Component name "School" should always be multi-word vue/multi-word-component-names
Component name “School“ should always be multi-word
a45667的博客
10-11 3002
也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。
error Component name "School" should always be multi-word vue/multi-word-component-names
09-13
错误信息 "Component name 'School' should always be multi-word vue/multi-word-component-names" 表示组件名称 "School" 应该始终是多个单词，按照 Vue 的组件命名规范。 这个错误通常发生在 Vue 项目中的组件命名不符合规范时。Vue 官方建议使用多个单词来命名组件，以提高代码的可读性和维护性。 解决这个问题的方法有以下几种： 1. 重命名组件：将组件名称 "School" 改为一个多个单词组成的名称，例如 "SchoolComponent" 或者 "SchoolCard"。这样可以遵循 Vue 的组件命名规范，并且更清晰地表示组件的用途。 2. 使用 Vue 脚手架生成的组件模板：Vue 脚手架工具 (Vue CLI) 可以帮助生成符合规范的组件模板。在创建新的组件时，可以使用 Vue CLI 提供的命令行工具或者图形界面工具来创建组件，确保生成的组件名称符合规范。 3. 使用 PascalCase 命名约定：Vue 官方推荐使用 PascalCase（帕斯卡命名法）来命名组件，即每个单词的首字母大写，并且不使用连字符或下划线。例如，将组件名称 "school" 改为 "School"。 请注意，修改组件名称后，还需要在组件的引用处进行相应的修改。 总结回答： 错误信息 "Component name 'School' should always be multi-word vue/multi-word-component-names" 表示组件名称 "School" 应该始终是多个单词的，按照 Vue 的组件命名规范。要解决这个问题，可以重命名组件，使用 Vue 脚手架生成的组件模板，或者使用 PascalCase 命名约定来命名组件。这样可以遵循 Vue 的组件命名规范，并提高代码的可读性和维护性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值