提问者:小点点

TypeScript:“逗号运算符的左侧未使用,并且没有副作用”错误出现在开发环境中


当我尝试使用npm run dev: server启动我的开发环境时,我收到以下错误:

return new TSError(diagnosticText, diagnosticCodes);
           ^
TSError: ⨯ Unable to compile TypeScript:
src/routes/snippets.ts:6:26 - error TS2695: Left side of comma operator is unused and has no side effects.

6 exports.snippetRouter = (0, express_1.Router)();

然后服务器崩溃。但当我运行npm运行build时,项目编译没有任何错误。然后,我可以运行节点构建/服务器。js,一切正常。我的编辑器中也没有收到任何错误或警告。

我查找了类似的错误,但找不到任何与我的案例相匹配的错误。

有什么想法我可以尝试修复它吗?

值得一提的是,如果我评论/删除应用程序。使用(“/api/snippets”,snippetRouter)行来自服务器。ts和run-npm-run-dev:server一切正常(当然除了缺少的功能)。

项目结构:

src
├── controllers
|   └── snippets.ts
├── middleware
│   ├── index.ts
|   └── asyncWrapper.ts
├── routes
|   └── snippets.ts
└── server.ts

控制器/代码段。输电系统

import { Request, Response, NextFunction } from 'express';
import { asyncWrapper } from '../middleware';

export const createSnippet = asyncWrapper(
  async (req: Request, res: Response, next: NextFunction): Promise<void> => {
    res.status(201).json({
      data: "test msg"
    });
  }
);

中间件/asyncWrapper.ts

import { Request, Response, NextFunction } from 'express';

type Foo = (req: Request, res: Response, next: NextFunction) => Promise<void>;

export const asyncWrapper =
  (foo: Foo) => (req: Request, res: Response, next: NextFunction) => {
    return Promise.resolve(foo(req, res, next)).catch(next);
  };

路由/代码段。输电系统

import { Router } from 'express';
import { createSnippet } from '../controllers/snippets';

export const snippetRouter = Router();

snippetRouter.route('/').post(createSnippet);

服务器输电系统

import express from 'express';
import { snippetRouter } from './routes/snippets';

const app = express();
app.use('/api/snippets', snippetRouter);

app.listen(5000, () => {
  console.log('Server is working');
});

包裹json

{
  "name": "snippet-hub",
  "version": "1.0.0",
  "description": "",
  "main": "src/server.ts",
  "scripts": {
    "init:client": "npm install --prefix=client",
    "init:server": "npm install",
    "init": "npm-run-all -n init:**",
    "dev:client": "npm start --prefix=client",
    "dev:server": "nodemon src/server.ts",
    "dev": "npm-run-all -n --parallel dev:**",
    "build:clear": "rm -rf build",
    "build:tsc": "tsc",
    "build": "npm-run-all -n build:**"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@types/express": "^4.17.13",
    "@types/node": "^16.9.2",
    "@types/validator": "^13.6.3",
    "nodemon": "^2.0.12",
    "npm-run-all": "^4.1.5",
    "ts-node": "^10.2.1",
    "typescript": "^4.4.3"
  },
  "dependencies": {
    "dotenv": "^10.0.0",
    "express": "^4.17.1",
    "sequelize": "^6.6.5",
    "sqlite3": "^5.0.2",
    "umzug": "^3.0.0-beta.16"
  }
}

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "outDir": "./build",
    "rootDir": "./src",
    "strict": true,
    "noImplicitAny": false,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "include": ["src"]
}

共1个答案

匿名用户

我也犯了同样的错误,我如何修复它是导入express而不是对其进行分解,然后从express调用路由器。调整文件路由/代码段。ts到下面修复了该问题

import express from 'express';
export const snippetRouter = express.Router();

snippetRouter.route('/').post(createSnippet);

以上解决了问题