WebStorm中Bootstrap-Vue.js支持的未知html标记警告

我正在使用WebStorm 2017.2.4和webpack Vue.js项目。我已经添加到我的项目中，希望看到关于it和组件支持的提示

但我得到了“未知html标记”警告

顺便说一句：启动vue在运行项目时按预期工作

您对如何使其工作有什么建议吗？

更新：有两种方法可以修复“未知html标记”警告：（全局和本地注册）

全球注册：

在创建新的Vue实例之前，您必须全局注册组件

Vue.component（标记名，选项）

。例如：

Vue.component('my-component', {
  // options
})

注册后，组件可以在实例模板中作为自定义元素使用，

。在实例化根Vue实例之前，请确保已注册该组件。以下是完整的示例：

HTML:

同样的封装也适用于其他可注册的Vue功能，如指令

阅读更多

---

更新前： 在WebStorm中，库是一个文件或一组文件，除了WebStorm从您编辑的项目代码中检索的函数和方法外，其函数和方法还添加到WebStorm的内部知识中。在项目范围内，其库默认为写保护的

WebStorm只使用库来增强编码帮助（即代码完成、语法突出显示、导航和文档查找）。请注意，库不是管理项目依赖关系的方法

资料来源：

简单地说，将WebStorm从2017.2.4版升级到解决此问题的版本。已测试。

于2019/07/30更新 PHPShtorm（WebStorm）已更新至2019.2，现在他们为vuejs库添加了更好的支持： 我刚刚测试过，它可以工作。

旧答案 我通过手动添加组件解决了这个问题。 根据： 我创建了新文件，例如bootstrap.js，然后全局注册所需的组件

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';
import Vue from 'vue';
import navbar from 'bootstrap-vue/es/components/navbar/navbar';
import container from 'bootstrap-vue/es/components/layout/container';
// ...

Vue.component('b-navbar', navbar);
Vue.component('b-container', container);
// ...

---

在phpstorm 2018.1中，它对我很有用。引导vue使用非常动态的方式定义组件。我使用的是带有vuejs扩展的PyCharm，在使用注册时无法解析组件

import { Layout } from 'bootstrap-vue/es/components'

Vue.use(Layout)

我要做的是在

组件

目录中创建一个新文件

bootstrap.js

，然后注册我想要使用的所有引导组件

import Vue from 'vue'

import bContainer from 'bootstrap-vue/es/components/layout/container'
import bRow from 'bootstrap-vue/es/components/layout/row'
import bCol from 'bootstrap-vue/es/components/layout/col'

Vue.component('b-container', bContainer);
Vue.component('b-col', bCol);
Vue.component('b-row', bRow);

然后在

main.js

import './components/bootstrap'

---

只是一个更干净的解决方案。

我也遇到了WebStorm 2017.3.3Me的这个问题。你能为这个问题悬赏吗？@JanTajovsky你什么意思？@Bullet tooth@PrzemekNowak问题：。与@Snsxn有关2017年的情况。3@AsifAli72090它在2017年不起作用。3 IDE无法识别我创建的所有别名。只需创建自定义文件，例如

vue bootstrap.js

粘贴此文件：并使用phpStorm 2019.2将此文件导入

vue bootstrap.js

。PhpStorm从project读取文件，Vue不受影响。我创建了所有别名。只需创建自定义文件，例如

vue boostrap.js

粘贴此文件：pastebin.com/Z3cBgPyp，并在

main.js

中导入此文件，即使在注册组件后，在

WebStorm 2019.1.3

中仍然没有标记属性的内容助手。

import 'bootstrap/dist/css/bootstrap.css';
import 'bootstrap-vue/dist/bootstrap-vue.css';
import Vue from 'vue';
import navbar from 'bootstrap-vue/es/components/navbar/navbar';
import container from 'bootstrap-vue/es/components/layout/container';
// ...

Vue.component('b-navbar', navbar);
Vue.component('b-container', container);
// ...

import { Layout } from 'bootstrap-vue/es/components'

Vue.use(Layout)

import Vue from 'vue'

import bContainer from 'bootstrap-vue/es/components/layout/container'
import bRow from 'bootstrap-vue/es/components/layout/row'
import bCol from 'bootstrap-vue/es/components/layout/col'

Vue.component('b-container', bContainer);
Vue.component('b-col', bCol);
Vue.component('b-row', bRow);

import './components/bootstrap'