angular - 类型错误 : chart_js__WEBPACK_IMPORTED_MODULE_0__ is not a function

Question

我正在尝试在 Angular 中安装 intro.js 并对其进行处理，但遇到显示问题

TypeError: intro_js__WEBPACK_IMPORTED_MODULE_0__ is not a function
    at new AppComponent (app.component.ts:12:13)
    at NodeInjectorFactory.AppComponent_Factory [as factory] (app.component.ts:44:4)
    at getNodeInjectable (core.js:3549:1)
    at instantiateRootComponent (core.js:10116:1)
    at createRootComponent (core.js:12475:1)
    at ComponentFactory$1.create (core.js:25137:1)
    at ApplicationRef.bootstrap (core.js:29608:1)
    at core.js:29321:1
    at Array.forEach (<anonymous>)
    at PlatformRef._moduleDoBootstrap (core.js:29321:1)

我安装 intro.js 的步骤是

1. npm install intro.js @types/intro.js --save

2. 打开 angular.json 和

   “风格”:[“源代码/styles.scss”，“node_modules/intro.js/introjs.css”],“脚本”:[“node_modules/intro.js/intro.js”],

3. 将 Intro.js 导入文件顶部的 app.component.ts

4. 添加代码

   @组件({选择器:'app-root'，templateUrl: './app.component.html',styleUrls: ['./app.component.scss']})导出类 AppComponent 实现 AfterViewInit {introJS = introJs();

   构造函数(公共(public) authService:AuthServiceService){this.introJS.setOptions({脚步: [{元素:'#step1'，intro: '欢迎使用您的新应用!',位置:'底部'},{元素:'#step2'，简介:“好吧，那不是很有趣吗？”，位置:'正确'},{元素:'#step3'，简介:“让我们继续前进”，位置:'顶部'},{元素:'#step4'，intro: '更多功能，更多乐趣。',位置:'正确'}],显示进度:真});

   ngAfterViewInit(): void {this.introJS.start();}

Answer 1

确保您默认使用 import 而不是通过 *。

您可能需要将 "allowSyntheticDefaultImports": true 添加到 tsconfig.json 中的 compilerOptions。