我是npm中配置部分的新手，我试图在使用angular-cli（ng init）创建的angular 2项目中使用handsontable库。我为它添加了打字稿定义。

这是我的app.compponent.ts

import { Component } from '@angular/core';
import 'handsontable/dist/handsontable.full.js';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app works!';
  ngOnInit() {
  }
  ngAfterViewInit() {
    const myData = [
            ["1", "2", "3", "4", "5", "6"]
        ];

        const config = {
            data: myData,
            colHeaders: ['A', 'B', 'C', 'D', 'E', 'F'],
            startRows: 5,
            startCols: 5,
            minSpareCols: 1,
            //always keep at least 1 spare row at the right
            minSpareRows: 1
            //always keep at least 1 spare row at the bottom,
        };
        ($("#test")).handsontable(config);
  }
}

app.component.html

index.html

  
  
  

  


  Loading...

tsconfig.js

{
  "compilerOptions": {
    "baseUrl": "",
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "lib": ["es6", "dom"],
    "mapRoot": "./",
    "module": "es6",
    "moduleResolution": "node",
    "outDir": "../dist/out-tsc",
    "sourceMap": true,
    "target": "es5",
    "typeRoots": [
      "../node_modules/@types"
    ]
  }
}

给我错误：

ReferenceError: Handsontable is not defined at r.fn.init.$.fn.handsontable (http://localhost:4200/vendor.bundle.js:87583:26) at AppComponent.ngAfterViewInit (http://localhost:4200/main.bundle.js:79:20)

我也尝试过以下方式导入

import {Handsontable} from 'handsontable';

它给了我以下错误

Uncaught Error: Cannot find module 'numbro'
    at newRequire (handsontable.js:53) []
    at :8000/vendor.bundle.js:102461:16 []
    at Object.23.cellTypes (handsontable.js:4439) []
    at newRequire (handsontable.js:58) []

我已经尝试过https://github.com/handsontable/handsontable/issues/3627的所有方法

目前，HandsOnTable正式不支持Angular2。请在此处参考论坛参考。计划今年第一季度。您可以在此处对该功能进行投票

因此，您将必须像这样直接将handsontable js＆css文件用于angular2应用中-

步骤1：在Index.html中，添加以下两行：

    


    

        

            
            

                
                    
                
            

            

                mobiledu2402851203            

            

                这个屌丝很懒，什么也没留下！            
            
            


                                
                    
                    关注作者
                            

        
    


    

        
Tags | 热门标签
        

            

                                

                    actionscrip
                
                                

                    bash
                
                                

                    c#
                
                                

                    c++
                
                                

                    c语言
                
                                

                    erlang
                
                                

                    flutter
                
                                

                    go
                
                                

                    golang
                
                                

                    java
                
                                

                    javascript
                
                                

                    lua
                
                                

                    node.js
                
                                

                    perl
                
                                

                    php
                
                                

                    python
                
                                

                    scala
                
                                

                    typescript
                
                                

            
        
    


    

        
RankList | 热门文章
        

            

                                

                    1对C中的指针和泛型(void)指针感到困惑
                
                                

                    2在Gradle中的自定义任务中运行任务
                
                                

                    3Swift错误"无法下标类型[Uint8]的值"
                
                                

                    4webpack找不到节点模块('bootstrap-multiselect')
                
                                

                    5是否可以实现"继续作为{Facebook用户名}"按钮？
                
                                

                    6即使文件存在,AVAudioFile.length也为0
                
                                

                    7比较具有相同键的两个哈希数组
                
                                

                    8如何有效地将归纳类型转换为共感类型(无递归)？
                
                                

                    9为什么不能使用符号来调用受保护的方法？
                
                                

                    10Datalist奇怪的行为
                
                                

                    11Azure B2C-多个答复网址
                
                                

                    12将当前文件与VS2015 TFS Git源代码控制中的历史版本进行比较
                
                                

                    13将辉光添加到基本Java矩形
                
                                

                    14添加迁移提供"无法解决项目..."
                
                                

                    15带有Mockito的Java Optional.ofNullable
                
                                

                    16iOS Google登录错误
                
                                

                    17使用Symfony 2,Doctrine在SQL数据库中保存数组？
                
                                

                    18如何在离子2中制作表格
                
                                

                    19有条件地建立一个Eloquent查询
                
                                

                    20在没有测试整个应用程序的情况下,有没有办法让UnitTest成为类库(通用Windows)？