我正在尝试将"new" fork 的 vis-timeline 5.1.0 与最新的 Angular 8 版本一起使用,但在尝试运行应用程序时出现错误:
[ng] ERROR in ./src/app/pages/interventions/interventions-details/interventions-details.page.ts [ng] Module not found: Error: Can't resolve 'vis' in 'D:_GIT\appbo\src\app\pages\interventions\interventions-details'
我通过 npm 安装了 vis-timeline:
npm install vis-timeline --save
然后,我安装了类型:
npm install @types/vis --save-dev
在我的页面上,我导入了该类并尝试运行该应用程序:
import { Timeline, TimelineOptions, DataItem, DataSet } from 'vis';
@Component(
{
selector: 'app-interventions-details',
templateUrl: './interventions-details.page.html',
styleUrls: ['./interventions-details.page.scss'],
})
export class InterventionsDetailsPage extends AppBasePage implements OnInit
{
@ViewChild('revisionsTimeline', { static: true }) RevisionsTimeline: ElementRef;
constructor()
{
}
ngOnInit()
{
this.RenderTimeline();
}
public RenderTimeline()
{
//RANDOM DATA SOURCE FOR TESTING
var items = new DataSet(
[
{ id: 1, content: 'item 1', start: '2014-04-20'},
{ id: 2, content: 'item 2', start: '2014-04-14'},
{ id: 3, content: 'item 3', start: '2014-04-18'},
{ id: 4, content: 'item 4', start: '2014-04-16', end: '2014-04-19'},
{ id: 5, content: 'item 5', start: '2014-04-25'},
{ id: 6, content: 'item 6', start: '2014-04-27', type: 'point'}
]);
//SOME BASIC PROPS TO CONFIG THE TIMELINE
let timelineOptions:TimelineOptions =
{
start: '2014-03-10',
end: '2014-05-10',
verticalScroll: false,
editable: false,
zoomable:true,
locale: "pt"
};
//INIT TIMELINE INSTANCE
let timeline:Timeline = new Timeline(this.RevisionsTimeline.nativeElement, items, timelineOptions);
}
}
我做错了什么吗? 有人可以帮我解决这个问题吗?
最佳答案
由于您使用 npm install vis-timeline --save
安装了该软件包,它将被保存到 ./node_modules/vis-timeline
。
要使用此包,您需要使用 vis-timeline
作为包名称:
import { Timeline, TimelineOptions, DataItem, DataSet } from 'vis-timeline';
看起来 @types/vis
包也不适用于此。您需要 @types/vis-timeline
但看起来这些还不存在。短期修复可能是将 @types/vis
复制到您的项目(假设它们是相同的类型)。
关于angular - vis-timeline 和 Angular 8 出现模块未找到错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57748636/