首页 > 其他 > 详细

typescript开发流程

时间:2021-02-05 11:38:09      阅读:49      评论:0      收藏:0      [点我收藏+]

typescript开发流程

(1)typescript的开发流程请参照这个文档

https://blog.csdn.net/weixin_33831673/article/details/88711471
这个文档 如果有不清楚的地方,百度一下吧:)

(2)tsconfig.json 生成方式

以下方式都是在项目根目录中执行命令
推荐方式
npm install -g npx
npx tsconfig.json
其它方式
npm install -D typescript
tsc --init
//////////////////////////////////////////
开发中遇到的问题
//////////////////////////////////////////

参照(1)中的文档进行开发 , 运行npm run dev命令时,出现错误 Cannot find module ‘webpack-cli/binl config-yargs‘:

技术分享图片

 

 

原因是 package.json中的 3个依赖项 "webpack"、"webpack-cLi"、"webpack-dev-server" 的版本不匹配:

技术分享图片

 

 

package.json改成如下的就可以了:
{
"name": "ts01",
"version": "1.0.0",
"description": "ls",
"main": "index.js",
"scripts": {
"build": "webpack",
"dev": "webpack-dev-server",
"test": "echo "Error: no test specified" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"ts-loader": "^8.0.14",
"typescript": "^4.1.3",

"webpack": "^4.46.0",
"webpack-cli": "^3.3.12",
"webpack-dev-server": "^3.11.2"

}
}

typescript开发流程

原文:https://www.cnblogs.com/3d-gis/p/14376551.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!