angular - 无法从 'sockjs-client' 导入( typescript )

Question

我对 Angular 和 TypeScript 非常陌生。

首先我通过 npm 安装:

npm install --save sockjs-client

我试图在 chat.component.ts 中像这样导入:

import * as SockJS from 'sockjs-client';

但我收到此错误:

TS7016: Could not find a declaration file for module 'sockjs-client'. '/home/simon/javaprojs/tour-creator/client/node_modules/sockjs-client/lib/entry.js' implicitly has an 'any' type.   Try npm i --save-dev @types/sockjs-client if it exists or add a new declaration (.d.ts) file containing declare module 'sockjs-client';

之后我按照错误的建议尝试了以下操作:

npm i --save-dev @types/sockjs-client

但这只会导致新的警告:

Warning: /home/simon/javaprojs/tour-creator/client/src/app/components/chat/chat.component.ts depends on 'sockjs-client'. CommonJS or AMD dependencies can cause optimization bailouts. For more info see: https://angular.io/guide/build#configuring-commonjs-dependencies

这是我的组件的完整代码

import {Component, OnInit} from '@angular/core';

import * as Stomp from 'stompjs';
import * as SockJS from 'sockjs-client';

@Component({
  selector: 'app-chat',
  templateUrl: './chat.component.html',
  styleUrls: ['./chat.component.css'],
})
export class ChatComponent implements OnInit {

  constructor() { }

  connect(): void {
    const socket = new SockJS('gs-guide-websocket');
  }

  ngOnInit(): void {
    this.connect();
  }
}

该怎么办？当我启动应用程序时，我得到的只是一个白页和一个控制台错误，指出全局未定义。

Answer 1

请执行以下命令并重试。

npm install --save sockjs-client    
npm install --save @types/sockjs-client

npm audit fix

请添加此声明

declare module 'sockjs-client';

您还可以访问此链接: How to add SockJS into Angular 2 project?