Vue project compilation error Component name "My" should always be multi-word vue/multi-word-component-names solution

The following is the content of the error, which probably means that your component naming does not conform to the vue specification

 

Specific error content:

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.
ERROR in [eslint]
D:\vueChaQiwangZixie\vue-tea\src\router\index.js
  15:14  error  Replace `'/home'` with `·"/home",`  prettier/prettier
  20:21  error  Delete `⏎·····`                     prettier/prettier
  26:21  error  Delete `⏎·····`                     prettier/prettier
  32:21  error  Delete `⏎·····`                     prettier/prettier

D:\vueChaQiwangZixie\vue-tea\src\views\Cart.vue
  7:9  error  Component name "Cart" should always be multi-word  vue/multi-word-component-names

D:\vueChaQiwangZixie\vue-tea\src\views\List.vue
  7:9  error  Component name "List" should always be multi-word  vue/multi-word-component-names

D:\vueChaQiwangZixie\vue-tea\src\views\My.vue
  7:9  error  Component name "My" should always be multi-word  vue/multi-word-component-names

✖ 7 problems (7 errors, 0 warnings)
  4 errors and 0 warnings potentially fixable with the `--fix` option.

Solution:

Find the vue.config.js file, and add this line of code lintOnSave: false at the end, which means to turn off the check of the component name

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false
});

 

Guess you like

Origin blog.csdn.net/m0_61625235/article/details/128276388