无法导入和使用 typescript socket.io答案

【问题标题】：unable to import and use typescript socket.io无法导入和使用 typescript socket.io
【发布时间】：2020-10-22 14:16:06
【问题描述】：

我正在尝试使用 npm typescript @types/socket.io 定义。要安装，我只需：

npm install --save @types/socket.io
npm install --save socket.io

这将我的 package.json 更新为如下所示：

...

 "devDependencies": {
    "@types/socket.io": "^2.1.8",
    "socket.io": "^2.3.0"
  }

在我的 TS 文件中，我尝试：

// client.ts
// this file is compiled to js with tsc like so: tsc client.ts
import IO from 'socket.io';

 let socket = IO("http://localhost:3030");
 socket.emit("message", "HELLO!");

我的 index.html 是：

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />

    <script type="module" src="client.js"></script>

</head>
</html>

用于托管 html 的 python 服务器：

#server.py

import http.server
from http.server import HTTPServer, BaseHTTPRequestHandler
import socketserver

PORT = 8080

Handler = http.server.SimpleHTTPRequestHandler

Handler.extensions_map = {
    '.manifest': 'text/cache-manifest',
    '.html': 'text/html',
    '.png': 'image/png',
    '.jpg': 'image/jpg',
    '.svg': 'image/svg+xml',
    '.css': 'text/css',
    '.js':  'application/x-javascript',
    '': 'application/wasm',  # Default
}

httpd = socketserver.TCPServer(("", PORT), Handler)

print("serving at port", PORT)
httpd.serve_forever()

在浏览器控制台中抛出这个：

Uncaught TypeError: Failed to resolve module specifier "socket.io". Relative references must start with either "/", "./", or "../".

我目前看到我的当前路径中有一个 node_modules 文件夹以及包含 socket.io 定义的 @types 子文件夹。我在 node_modules 下也有常规的 socket.io js 文件夹。 Typescript 编译一切都很好，没有错误。

我认为在执行 npm install @types/ 之后，typescript 会巧妙地使用已安装的包而无需任何进一步的调整。

我的 tsconfig.json 看起来像：

{
    "compilerOptions": {
        "target": "ES6",
        "module": "ES6",
        "outDir": "out",
        "sourceMap": true,
        "watch": true,
        "strictNullChecks": true,
        "noImplicitThis": true,
        "noImplicitReturns": true,
        "esModuleInterop": true,
        "allowJs": true,
    }
}

package.json:

{
  "dependencies": {
    "@types/express": "^4.17.6",
    "express": "^4.17.1",
    "typescript": "^3.9.6"
  },
  "devDependencies": {
    "@types/socket.io": "^2.1.8",
    "socket.io": "^2.3.0"
  },
  "type": "module"
}

谁能给我一些关于我可能做错了什么的想法？我是否错误地使用了 socket.io？我是否错误地导入了 socket.io？我 npm install socket.io @types 不正确吗？我的打字稿设置错了吗？

【问题讨论】：

您好，运行文件可能有问题。你的开发脚本是什么？
添加了我的开发文件。
在您的package.json 中应该有一个scripts 部分，您可以通过npm run command 运行您是否也可以添加这些部分。你如何在你的终端上运行你的服务器？
它只是一个标准的 python http 服务器。我像这样运行服务器：python server.py
我还添加了我的 package.json。我没有任何“脚本”部分

标签： node.js typescript npm websocket socket.io

【解决方案1】：

好的，我想通了。

问题是我的客户端服务器（托管页面）需要实际的 cdn 或 js socketio 文件。此外，在创建 client.ts 时，无需进行导入。像往常一样使用 javascript 函数，因为定义文件（.d.ts - 我从 node_modules 中获取）会自动找出类型。这将转换为客户端托管的 html 页面可以与给定 CDN 一起使用的 js。

服务器可以在 node 上运行，这更容易，因为 npm install 可以将模块和 typescript 文件放在 node_modules 中，node 会自动配置和知道。

【讨论】：

你好，你能提供更多关于你的client.ts如何工作的信息吗？我发布了一个关于客户端 TS 文件 here 的问题的问题。谢谢
嘿，我已经有一段时间没有看到这个了。我不记得我是如何解决它的，哈哈……但是根据我写的内容，服务器似乎需要实际的 javascript socketio 文件。基本上是从TS文件写java脚本。