Question

我尝试将twitter-bootstrap-wizard javascript库导入我的angular 2项目但总是收到此错误：

WEBPACK_IMPORTED_MODULE_1_jquery （...）。bootstrapWizard不是函数

我只是使用angular-cli 1.0.0创建一个新的angualr应用，然后在index.html中添加脚本，如：

  <body>
     <app-root>Loading...</app-root>
  <script  src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap-wizard/1.2/jquery.bootstrap.wizard.js"></script>
  </body>

然后在我的组件中：

//
declare var bootstrapWizard : any;
import * as $ from 'jquery';
//

 ngAfterViewInit() {
    (<any>$('#wizard')).bootstrapWizard()
 }

Answer 1

如果你使用cdn，只需添加声明

declare const jQuery: any;

或者你可以删除cdn，然后从npm安装jquery，然后使用你的import

npm i --save jquery

import * as $ from 'jquery';

不能使用带有angular2的外部js

1 个答案: