错误 TS2440：导入声明与“Highcharts3d”的本地声明冲突

Question

我尝试在 VS code 中运行我的应用程序，但不断收到错误：

error TS2440: Import declaration conflicts with local declaration of 'Highcharts3d'

请帮助我修复这个错误

    import { Component, OnInit, ViewChild, ElementRef } from '@angular/core';
    import * as Highcharts from 'highcharts';
    import * as Highcharts3d from "highcharts/highcharts-3d";
    
    declare var require: any
    
    let Highcharts3d:any = require("highcharts/highcharts-3d");
    let HighchartsExporting = require("highcharts/modules/exporting"); 

    Highcharts3d(Highcharts);

Answer 1

问题：您有重复的变量声明：

• import * as Highcharts3d from "highcharts/highcharts-3d";
• let Highcharts3d: any = require("highcharts/highcharts-3d");

重命名变量声明 - 将 let Highcharts3d 重命名为不同的名称。

解决方案：重命名

• import * as different_name from "highcharts/highcharts-3d";
• 或者
• let different_name: any = require("highcharts/highcharts-3d");