vue.js - WebStorm 无法识别 Vue Material Components HTML 标签

Question

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

我的 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 上，我尝试File - Invalidate Caches。重启 WebStorm 后，一切正常。