模块未找到vis-时间线和角8的错误

Question

我正在尝试使用最新的角8版本的“新”vis-时间线5.1.0，但是在尝试运行应用程序时，我得到并出错了：

找不到./src/app/pages/interventions/interventions-details/interventions-details.page.ts ng 模块中的ng错误:错误:无法解决'D:_GIT\appbo\src\app\pages\interventions\interventions-details‘中的“vis”

我通过npm安装了vis-时间线：

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);
    }

}

我做错了什么吗？有人能帮我解决这个问题吗？

Answer 1

由于您用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复制到您的项目中(假设它们是相同的类型)。

Answer 2

我把node-modules/@types/vis复制到了node-modules/@types/vis-timeline上，它成功了。这将在两天前提交的下一个版本中得到修正。

编辑: v6.0.0修复它