将 range-datepicker 包添加到 package.json 后使用答案

【问题标题】：Use range-datepicker package after adding it on package.json将 range-datepicker 包添加到 package.json 后使用
【发布时间】：2018-10-03 23:27:55
【问题描述】：

我想知道是否有人可以帮助我解决这个问题，希望这不会很复杂。

我正在使用 Angular4 运行一个项目，我想使用这个组件。

https://www.npmjs.com/package/range-datepicker

我尝试运行bower install range-datepicker，但如果我在项目中使用<range-datepicker> 标记，它将无法识别。

另外，我加了

"range-datepicker":"0.0.13"

到我的 package.json 文件，并运行 npm install 它会安装它，我可以看到 node_modules 中的文件。

但是，我仍然无法使用<range-datepicker>，所以我想知道是否有人可以帮助我解决这个问题。我不知道是否应该在我的 angular.json 文件中添加一些脚本或样式

【问题讨论】：

这是一个非常糟糕的 lib 选择，每周 50 次下载，使用下载量大且文档不错的东西，那里有很多选择
您是否遇到解析器错误？您是否将模块导入到您的 app.module 中？
不，我没有，我该怎么办？我的意思是，lib 的模块名称是什么？
我觉得不是角包

标签： node.js angular npm package.json

【解决方案1】：

该库不提供 Angular 组件，而是提供 WebComponent。

WebComponents 可以在 Angular 中使用，但您需要注意一些额外的事情。我建议您查找有关在 Angular 中使用 WebComponents 的文档。

这里有一个链接可以帮助您入门：https://www.sitepen.com/blog/2017/09/14/using-web-components-with-angular/

【讨论】：