WebStorm无法识别Vue Material组件的HTML标记

Question

WebStorm只识别来自VueMaterial的HTML标签，其余的没有在弹出窗口中列出，使用它们后，我得到未知的<md-list-item>标签警告。

​

​

我的main.js是这样的：

import Vue from 'vue'
import VueMaterial from 'vue-material'
import 'vue-material/dist/vue-material.css'
import App from './App'

Vue.config.productionTip = false

/* eslint-disable no-new */
Vue.use(VueMaterial)

new Vue({
  el: '#app',
  template: '<App/>',
  components: { App }
})

我使用的是WebStorm v2017.1.3

Answer 1

我也遇到了同样的问题，我升级到了WebStorm 2017.3，现在它可以工作了。

Answer 2

看起来自定义标签还没有添加到你的可接受的html标签列表中。单击标记并按Alt+Enter，然后按Add {Custom Tag} to custom html tags

它显示的是检查器试图指示格式错误的标记名称，如<sapn>而不是<span>，您也可以禁用此检查，但将它们添加到自定义标记列表中可以让您指示您想要的标记，同时允许它继续保护您。

如果检查器对自定义指令有问题，还可以将v-bind:xxxxxx或:xxxxxx等自定义指令添加到接受的属性列表中。

Answer 3

这发生在我的WebStorm 2021.2上，我试图失效文件-无效缓存。重新启动WebStorm后，系统恢复正常。