Как импортировать модуль npm, имеющий дефис в имени в angular4

Question

Я хочу использовать array-to-tree модуль npm в проекте angular4.Но когда я использую import { array-to-tree } from 'array-to-tree';, это выдает ошибку ожидаемую строку .

Пожалуйста, помогите.

Answer 1

Пожалуйста, попробуйте это

import * as arrayToTree from 'array-to-tree';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {

  dataOne = [
    {
      id: 1,
      name: 'Portfolio',
      parent_id: undefined
    },
    {
      id: 2,
      name: 'Web Development',
      parent_id: 1
    },
    {
      id: 3,
      name: 'Recent Works',
      parent_id: 2
    },
    {
      id: 4,
      name: 'About Me',
      parent_id: undefined
    }
  ];

  data = arrayToTree(this.dataOne);

  constructor() {
    console.log(this.data );
  }
}

Примечание. Если вы не присвоите результат arrayToTree (this.dataOne) переменной, тогда машинопись выдаст ошибку

[ts] Function implementation is missing or not immediately following the declaration.
(method) AppComponent.arrayToTree(this: any, dataOne: any): any

Answer 2

В предположении я бы сказал, что вы можете использовать:

import * as arrayToTree from ‘array-to-tree’

, а затем arrayToTree - это функция, которую вы можете использовать.