Vue脚手架报错——Component name “School“ should always be multi-word vue/multi-word-component-names

最新推荐文章于 2024-03-10 20:23:10 发布

小周要努力、

最新推荐文章于 2024-03-10 20:23:10 发布

阅读量4.8k

点赞数 10

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/AtlantisPrincess/article/details/125133804

版权

Vue脚手架编译报错

在这里插入图片描述
它的意思是：组件名称“School”应始终为多单词 vue/多单词组件名称
解决方法：在我们的vue.config.js文件中添加一句

lintOnSave:false /*关闭语法检查*/

在这里插入图片描述

保存重新编译即可解决

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小周要努力、

关注关注

10
点赞
踩
16

收藏

觉得还不错? 一键收藏
0
评论
Vue脚手架报错——Component name “School“ should always be multi-word vue/multi-word-component-names

Vue学习问题
复制链接

扫一扫

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

基于vue-upload-component封装一个图片上传组件的示例

10-17

【基于vue-upload-component封装图片上传组件的步骤与技术解析】在Web开发中，图片上传功能是常见的需求之一。本文将详细介绍如何基于`vue-upload-component`库封装一个自定义的图片上传组件，以满足多图上传、...

参与评论您还未登录，请先登录后发表或查看评论

Component name “School“ should always be multi-word

a45667的博客

10-11

3126

也就是命名的组件名不能只有一个单词(App除外)，并且多单词间要遵顼驼峰命名规则(推荐)，或者使用短横杠-连接。把.eslintrc.js换为下面这个代码：（如果没有.eslintrc.js就在根目录下创建一个）multi-word-component-names 意为多单词组件名。这样就可以顺利解决啦🙂。

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

DCJwwh的博客

01-17

8831

今天搭建脚手架，系统报了将近6，7个错误，弄得我头疼。更可气的是，犯的这些全是低级错误！为了未来不再踩坑，写此文记录之。

关于Vue报错“Component name “School“ should always be multi-word”的解决方法

weixin_44389618的博客

05-15

7565

关于Vue报错“Component name "School" should always be multi-word”的解决方法

Vue脚手架报错：Component name “School“ should always be multi-word vue/multi-word-component-names

weixin_56035334的博客

05-23

3977

目录背景解决方法背景运行命令行：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脚手架报错“Component name “School“ should always be multi-word“的解决方法

最新发布

weixin_42793577的博客

03-10

483

可知，组件名“School”和“Student”应该总使用用横线拼接的多个单词组成的。①在项目目录中找到vue.config.js【如果没有就自己创建】；②在module.exports里面添加一行配置即可。的问题，不同人或公司的语法标准不同。

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

Chen__sir__的博客

10-05

572

运行Vue脚手架报错“Component name "School" should always be multi-word vue/multi-word-component-names”的解决方法

vue-multi-page:使用@ vuecli＃3.x配置多页项目环境

05-02

首先使用vue脚手架开发多页应用是比较特别的需求，无奈有需求就要有解决的方案办法，之前写过用vue-cli2.x改造生产多页应用的方法，现在想想应该升级换代了。本想自己配置一个多页的开发配置给大家参考使用，看完...

vue-iconfont-component：一个使用iconfont的Vue组件

02-04

vue-iconfont-component 使用的Vue组件iconfont如何使用？ npm install vue-iconfont-component --save例< template> < vue xss=removed xss=removed xss=removed> < / vue-iconfont >< / template >< ...

vue-web-component：使用Vue CLI 3构建的示例Web组件

02-06

@quannt在vuejs中内置的示例Web组件该小部件是使用并使用编译成一个Web组件。最终的构建文件位于dist文件夹下。... 构建设置 # install dependencies $ yarn # serve with hot reload at localhost:8080 ...

【Vue】Vue脚手架中组件命名报错Component name “School“ should always be multi-word vue/multi-word-component-name

小秀的博客

05-14

1942

Vue脚手架中组件命名报错

error Component name School should always be multi-word vuemulti-word-component-names

weixin_45572279的博客

03-23

243

error Component name "School" should always be multi-word vue/multi-word-component-names

error Component name “School“ should always be multi-word vue/multi-word-component-names 解决

weixin_55856685的博客

06-06

4490

在运行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 eslint报错Component name should always be multi-word.(vue/multi-word-component-names)

o0way0o的博客

11-17

2065

vue eslint报错vue/multi-word-component-names

Component name “School“ should always be multi-word vue/multi-word-component-names

m0_51249573的博客

07-25

169

新手小白写第一个组件的时候出现的错误：Component name "School" should always be multi-word vue/multi-word-component-names。保存后即可解决问题。

Vue脚手架报错： Component name “xxx“ should always be multi-word（vue/multi-word-component-names）的解决办法

背心的博客

08-21

2128

Vue项目报错： Component name “xxx“ should always be multi-word（vue/multi-word-component-names）的解决办法

Vue中遇到的Bug( Component name “School“ should always be multi-word vue/multi-word-component-names)

十二间记，知不足而奋斗，望远山而前行。千里不辞行路远，时光早晚到天涯。

01-10

230

Vue-CLI 新版本（5.0.8）的bug

解决vue的error Component name “School“ should always be multi-word vue/multi-word-component-names的问题

Carlos_Zhf的博客

12-21

749

Vue的常见的报错，有问题可以讨论

Eslint检验项目报错 Component name xxx should always be multi-word vue/multi-word-component-names解决参考

09-21

Eslint报错"Component name xxx should always be multi-word vue/multi-word-component-names"表示组件名应该始终是多单词，不应该以单个单词命名组件。解决方法可以有两种：解决方法1：修改组件名为多单词形式，例如将"Login.vue"修改为"LoginName.vue"。组件名需要以驼峰式命名，至少包含两个单词。可以根据具体情况自行选择组件名，只需保证至少包含两个单词即可。解决方法2：禁用eslint的多单词命名规则。在vue.config.js配置文件中添加规则"lintOnSave:false"，示例如下： ```javascript const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, lintOnSave: false }) ``` 另外，可以在.eslintrc.js文件中对指定的文件进行覆盖配置，禁用多单词命名规则。示例如下： ```javascript module.exports = { // ... overrides: [ { files: ['src/views/**/*.vue'], rules: { 'vue/multi-word-component-names': 0, }, }, ] } ``` 这样就可以解决Eslint检验项目报错"Component name xxx should always be multi-word vue/multi-word-component-names"的问题。