当我尝试使用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"]
}
我也犯了同样的错误,我如何修复它是导入express而不是对其进行分解,然后从express调用路由器。调整文件路由/代码段。ts到下面修复了该问题
import express from 'express';
export const snippetRouter = express.Router();
snippetRouter.route('/').post(createSnippet);
以上解决了问题