Question

我正试图在我的Angular 4应用程序中运行dat-gui。

我安装了https://www.npmjs.com/package/@types/dat-gui，

\xb5\xe5\xb6\xf3\xc0\xcc\xba\xea\

..但是得到 - 错误：找不到模块“@ types / dat-gui”

我假设我仍然缺少核心库，但不确定下一步该做什么？

Answer 1

按照以下步骤（角度4.4.6）

进行操作

npm install --save @types/dat-gui
npm install --save dat.gui

import {GUI} from "dat-gui";
...
ngOnInit() {
   const dat = require('dat.gui');
   const gui: GUI = new dat.default.GUI({width: 300}); //why default?
   let obj = {
      message: 'Hello World',
      displayOutline: false,
      maxSize: 6.0,
      speed: 5
    };

    gui.remember(obj);
    gui.add(obj, 'message');
    gui.add(obj, 'displayOutline');
...
}

Answer 2

npm install --save @types/dat-gui
npm install --save dat.gui

import {GUI} from 'dat.gui';

gui!: GUI;

ngOnInit(): void {
   this.gui = new GUI();
   this.gui.addFolder('Folder 1');
}

使用Angular 4 / TypeScript的dat-gui

2 个答案: