创建TypeScript工程错误排查

1.新建文件夹

2.初始化项目:在控制台输入npm init -y

3.全局安装TS :npm i typesscript -g 全局安装完就可使用tsc命令行了

错误1:

tsc : 无法加载文件 C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\MSBuild\Microsoft\VisualStudio\NodeJs\tsc.ps1。未对文件
C:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\MSBuild\Microsoft\VisualStudio\NodeJs\tsc.ps1 进行数字签名。无法在当前系统
上运行该脚本。有关运行脚本和设置执行策略的详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
所在位置 行:1 字符: 1
+ tsc --init
+ ~~~+ CategoryInfo          : SecurityError: (:) []，PSSecurityException+ FullyQualifiedErrorId : UnauthorizedAccess

解决方案:

打开 PowerShell(用管理员身份打开) 输入 set-ExecutionPolicy RemoteSigned ;选择Y

PS C:\WINDOWS\system32> set-ExecutionPolicy RemoteSigned执行策略更改
执行策略可帮助你防止执行不信任的脚本。更改执行策略可能会产生安全风险，如 https:/go.microsoft.com/fwlink/?LinkID=135170
中的 about_Execution_Policies 帮助主题所述。是否要更改执行策略?
[Y] 是(Y)  [A] 全是(A)  [N] 否(N)  [L] 全否(L)  [S] 暂停(S)  [?] 帮助 (默认值为“N”): y
PS C:\WINDOWS\system32>

错误2:

[webpack-cli] TypeError: merge is not a functionat module.exports (E:\Project\Studay\bulid\webpack.config.js:8:12)at async Promise.all (index 0)at async WebpackCLI.loadConfig (E:\Project\Studay\node_modules\webpack-cli\lib\webpack-cli.js:1765:29)at async WebpackCLI.createCompiler (E:\Project\Studay\node_modules\webpack-cli\lib\webpack-cli.js:2187:18)at async Command.<anonymous> (E:\Project\Studay\node_modules\@webpack-cli\serve\lib\index.js:106:30)at async Promise.all (index 1)at async Command.<anonymous> (E:\Project\Studay\node_modules\webpack-cli\lib\webpack-cli.js:1674:7)
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! studay@1.0.0 start: `webpack-dev-server --mode=development --config ./bulid/webpack.config.js`
npm ERR! Exit status 2

以上错误这webpack4.x升级webpack5.x后, require('webpack-merge') 返回的是一个对象,将 webpack.config.js中的

const merge = require('webpack-merge')

改为:

const {merge} = require('webpack-merge')

错误3:

[webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.  - configuration.devtool should match pattern "^(inline-|hidden-|eval-)?(nosources-)?(cheap-(module-)?)?source-map$".BREAKING CHANGE since webpack 5: The devtool option is more strict.Please strictly follow the order of the keywords in the pattern.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! studay@1.0.0 start: `webpack-dev-server --mode=development --config ./bulid/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the studay@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

这也是webpack4.x升级webpack5.x后,devtool中的验证更加严格导致的,只能以 inline 或hidden- 或 eval-开头,以source-map结尾.调整webpack.dev.config.js中的

devtool : 'cheap-module-eval-source-map'

这里不是以以上上个开头,调整一下即可:

devtool : 'eval-cheap-module-source-map'

创建TypeScript工程错误排查相关推荐

Win下基于通用C运行库UCRT的部署 - 及 {C++/CLI封装的托管dll被C#工程调用时出现未加载（could not load file or assembly）错误排查}
目录 C++/CLI封装的托管dll被C#工程调用时出现未加载(could not load file or assembly)错误排查及基于通用C运行库UCRT的部署 0 问题分析 1 用于排查的工 ...
typescript工程_使用TypeScript构建游戏。工程图网格2/5
typescript工程 Chapter III in the series of tutorials on how to build a game from scratch with TypeScr ...
错误提示没了_ESC错误排查-系统启动篇
# ECS从入门到精通(错误排查) # Linux启动与登录问题 Linux 启动与登录问题是 ECS 的高频问题,而往往处理不及时会直接影响到用户业务的正常可持续运行,因此也变成了我们处理问题优先 ...
xcode7 打开工程错误 This Document requires xcode8.0 or later.
xcode7 打开工程错误 This Document requires xcode8.0 or later. 场景: xcode7创建的工程,后来安装了xcode8.0,用8打开7的工程跑了一下: ...
创建JPA工程时提示：at least one user library must be selected
问题描述:在Workspace中右键,new → JPA Project,选择JAP version为2.0.此时,向导中的Finish是灰色的,不能够点击完成.没办法,只好点击Next看看,一路Ne ...
cordova 创建Android 工程(零起点)
①安装JDK ②安装android SDK,目前最新的android 7.1.1 API:25 配置环境变量以上步骤不多说.提示:BUILD SUCCESSFUL后就可以用android stu ...
maven的安装、路径配置、修改库文件路径和eclipse中的配置、创建maven工程（转）...
一.maven的安装首先,先到官网去下载maven.这里是官网的地址:http://maven.apache.org/download.cgi 请选择最新的版本下载: 解压apache-maven ...
linux 使用ssr客户端_【第一期】基于 @vue/cli3 与 koa 创建 ssr 工程
什么是基于同构代码的 SSR 服务(Server-side rendering based on isomorphic code) 首先,我们需要先明白什么是 spa (single page app ...
Eclipse 创建 Maven 工程
Eclipse 下创建maven工程 1,创建Maven工程右键 new 选择 Maven Project 选择工程目录 next 选择 webapp Next 填写先关 ...

创建TypeScript工程错误排查

创建TypeScript工程错误排查相关推荐

最新文章

热门文章