创建TypeScript工程错误排查

求知_攀登者

已于 2022-03-15 18:13:12 修改

阅读量1.2k

点赞数 1

文章标签： typescript 开发语言

于 2022-03-14 19:41:17 首次发布

本文链接：https://blog.youkuaiyun.com/Q1761991696/article/details/123486161

版权

本文档记录了在升级webpack从4.x到5.x过程中遇到的三个主要问题及其解决方案：1）执行策略错误，通过在PowerShell以管理员权限运行并修改执行策略解决；2）`webpack-merge`的导入方式改变，需使用解构赋值来引入`merge`；3）`devtool`配置不符合新版本要求，调整为符合新规范的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

执行

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

求知_攀登者

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
3
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

安装完typescript 执行tsc报错

chen_come_on的博客

01-17

1793

安装完typescript 执行tsc报错全局安装: npm install -g typescript 安装后执行tsc后报错： tsc : 无法加载文件 C:\Users\杨晨\Desktop\code\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135 170 中的 about_Execution_Policies。 + tsc --init + ~~~ + Cate

前端领域 TypeScript 服务端渲染实践

最新发布

小白菜的博客

05-15

548

本文旨在为前端开发者提供一份全面的TypeScript服务端渲染实践指南。为什么需要服务端渲染？TypeScript如何提升SSR开发体验？主流SSR框架的选择与比较性能优化与问题排查生产环境最佳实践首先介绍SSR和TypeScript的核心概念然后深入架构设计和实现原理接着通过实际案例展示完整实现最后探讨优化策略和未来趋势服务端渲染(SSR)：在服务器端完成页面渲染，将完整的HTML发送到客户端的技术。同构应用(Isomorphic App)

3 条评论您还未登录，请先登录后发表或查看评论

VsCode 配置eslint，支持typescript的语法检查，及时发现低级语法错误，包括函数未定义等行为

平凡·唯的博客

11-27

4968

eslint配置

TypeScript如何打开语法检查自动提示错误

weixin_52199120的博客

04-27

581

最后在文件中将"typeScript.validate.enable ： false"改为true即可。之前就算是写了错误语法，也不会提示错误，只能在每次编译的时候才显示，导致会浪费很长时间，今天终于找到啦~其实找到"typeScript.validate.enable"将false改为true就可以啦~首先打开settings(设置）

TypeScript 在执行时报无法加载文件，因为在此系统上禁止运行脚本错误和函数实现错误解决

yancy_peng的博客

12-20

828

个人笔记 1、无法加载文件，因为在此系统上禁止运行脚本以管理员身份运行powerShell 然后输入以下命令： set-ExecutionPolicy RemoteSigned 最后输入是（Y）或者全是（A）即可 2、TS在执行时出现函数实现错误、无法重新声明等情况解决方法是在项目根目录下配置tsconfig.json文件可使用以下命令实现配置该文件（项目根目录）： tsc --init ...

项目中的TypeScript

fmk1023的博客

12-17

569

文章目录1. 项目中遇到的问题1.1 Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint'1.2 Cannot use JSX unless the '--jsx' flag is provided. 1. 项目中遇到的问题 1.1 Failed to load plugin @typescript-eslint: Cannot find module ‘eslint-p

0. Preface - Programming TypeScript.pdf

08-30

TypeScript是一种为程序员们量身打造的语言，无论你是JavaScript工程师、C#开发者、Java爱好者、Python迷、Ruby狂热者还是Haskell极客，只要你有一定的编程经验，并熟悉函数、变量、类以及错误处理等基本概念，本书...

Laya 用TypeScript写的代码，编译成JavaScript后bundle.js没更新.pdf

12-16

6. **手动修复**：如描述中所述，一种临时的解决方法是创建新的Laya工程，然后将现有的代码和资源复制过去。这种方法虽然繁琐，但可以绕过潜在的配置问题。然而，这并不是长久之计，因为可能遗漏了引起问题的真正...

NodeJS与TypeScript构建的Autocasa状态服务器

TypeScript能够为JavaScript代码提供类型系统的支持，从而提前发现运行时错误，增强代码的可读性和可维护性。在大型项目中，TypeScript可以极大地提升开发效率和代码质量。此外，TypeScript编译到JavaScript的过程...

redux-thunk ts（typescript）类型检查报错，通过不了

twinkle的博客

04-29

1160

错误原因分析原因：在dispatch的时候，dispatch的默认类型是必须包含一个 type属性的plian object 如下图：所以代码是对的，但是类型就是不匹配。解决办法：方法一既然 typescript 给我带来的麻烦，那我就不使用类型检查，一切any就行了效果方法二：我们使用ts的目的就是未来获取类型检查的，我怎么可能把 typescript 变成 anyscript？ redux-thunk 默认给我们导出了两个类型 ThunkAction:

解决 TypeScript 里面无故报错的问题 // @ts-ignore

yiwai6998的博客

03-25

3510

大家用ts的时候应该都有过莫名报错的情况吧？定义类型、变量赋值等等方法都用过了，也都定义了，有的时候依然会报错，尽管这些错误影响不大。但是在ts语法里面还是会出现报错，导致编译不通过，打包呀或者做别的事情的时候就会被卡住。所以我在这里教大家一个方法使用： // @ts-ignore 这是一种轻量级的方法来抑制下一行中出现的任何错误。蛮香的，推荐大家在这个情况的时候可以考虑用到这个~ ...

react+typescript报错集锦<持续更新>

weixin_30670151的博客

04-17

945

typescript报错集锦错误：Import sources within a group must be alphabetized.tslint(ordered-imports) 原因：import名称排序问题，要求按照字母从小到大排序；解决方案：修改 tslint.json 中 rules 的规则 “ordered-imports” 为 false 即可。 "rules": { 　　...

webpack5学习中的报错：configuration.devtool should match pattern

2008的专栏

10-30

8499

错误内容是： > cross-env NODE_ENV=development webpack-dev-server --config webpack.config.js --progress --color × ｢wds｣: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configurat.

vue启动报错解决 ERROR ValidationError: Invalid configuration object.

summer917_的博客

12-05

7244

ERROR ValidationError: 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-

【[TOC]([webpack-cli] Invalid configuration object. Webpack has been initialized using a configurati】

qq_45887317的博客

04-12

6290

configuration.devtool配置应该符合 “^(inline-|hidden-|eval-)?虽然他写了这些都可以，但是我最开始写的cheap-module-eval-source-map报错，不知道为什么，但是eval-cheap-source-map是可以的，我是这样写的。原因：版本5以后devServer下面好像没有stats属性了，好像被提到了外层（只是我的猜测，我也没见过以前的版本文档）可以参考官方文档。

webpack4升级到webpack5经验总结