解决第三方模块ts声明文件编译错误问题

已于 2024-07-25 06:13:46 修改
阅读量310 收藏
点赞数 3
分类专栏： Vue3开源组件实战 文章标签： vite typescript
于 2024-07-15 21:54:26 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/felix_alone2012/article/details/140449069
版权

最近小卷在用vite脚手架学习vue组件开发，使用的语言框架是typescript。在搭建vitepress在线文档服务时，用到了@vitepress-demo-preview模块来展示vue组件示例和源代码。

发现import相关依赖时，会有这样的编译错误：
在这里插入图片描述
也就是没找到第三方依赖对应的ts类型声明文件，解决方案有两种：
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

Java小卷
关注
专栏目录
集成第三方模块编译时类型重定义冲突的解决方法
镜头中的艺术
07-23 3848
软件A中需要集成B音频引擎，B引擎库提供两个头文件：B_commontype.h和B_engineAPI.h，B_commontype.h中定义引擎用到的基本数据类型，B_engineAPI.h中include B_commontype.h文件并定义接口函数，接口函数使用B_commontype.h定义的基本数据类型。 在需要使用该引擎库函数的Apply_B.cpp文件中将B_commont
创建基于 TS 的 React 项目与类型声明文件
m0_62118859的博客
05-03 3913
目录 1. 创建基于 TS 的 React 项目 2.tsconfig 的介绍 3. 类型声明文件介绍 4. TS 的两种文件类型 5.类型声明文件-内置 6. 类型声明文件-第三方库 7. 类型声明文件-自定义 8.类型声明文件的使用说明 9.类型声明文件的总结 1. 创建基于 TS 的 React 项目 目标：能够使用 CRA 创建基于 TS 的项目 内容： 创建基于 TS 的 React 项目命令：npx create-react-app react-ts --...
TS手动编译失败 解决方法
攻城狮很忙的博客
08-18 283
tsc : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。2、输入：set-ExecutionPolicy RemoteSigned。1、以管理员身份运行 Windows PowerShell。接下来就能使用编译你的ts文件了。
ts 文件报错原因1
Z_Wonderful的博客
11-17 673
报错：ts类型
微信小程序ts开发错误 Failed at the miniprogram-ts-quickstart
springleaf2的专栏
05-30 1767
VM1364:1 npm (anonymous) @ VM1364:1 VM1365:1 ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! miniprogram-ts-quickstart@1.0.0 tsc: `node ./node_modules/typescript/lib/tsc.js` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the miniprogram-ts-quickstart.
ts文件编译后变量在vscode里报错
weixin_30416871的博客
03-27 1160
需要将编译过的同名js文件删除才可以 转载于:https://www.cnblogs.com/yummylucky/p/10606391.html
TS的各种报错
最新发布
ll_883963的博客
04-19 322
type的值，ts无法确定是否在map key范围内。
编译Ts文件及异常处理
qq_44476779的博客
09-02 1158
如果想编译ts文件 可以用node你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z 重做：Ctrl/Command + Y 加粗：Ctrl/Command + B 斜体：Ctrl/Command + I 标
typeScript第三篇tsconfig.json配置文件、namespace命名空间、三斜线指令、声明文件d.ts、Mixins混入、装饰器Decorator、Rollup、webpack构建TS
m0_55170432的博客
10-28 1655
学习笔记 小满的
ieda ts文件报错_ts笔记
weixin_39555320的博客
12-21 901
背景typescript 是微软发明的，像js是网景公司发明的，每一门语言都是人发明的，由于是人发明的，人总是会犯错，所以每一门语言都会有一些错误，那typescript主要就是为了解决js的一些错误或认为它不好的地方复制代码TS是什么TypeScript = Type + Script(标准JS)。我们从TS的官方网站上就能看到定义：TypeScript is a typed superset ...
解决在 typescript 中使用第三方库报错问题
mogii's blog
11-26 696
在 Typescript 中使用第三方库 当我们在 TS 项目中直接使用第三方库中变量会报错， wx.setNavigationBarTitle({ title: "标题" }); // 这里的 wx 会提示：Cannot find name 'wx'. 声明文件 这是因为在 ts ts 并不知道这个 wx 是用来干什么的，通常情况下需要我们去定义它的使用方法。 declare wx:(argum...
ts无法找到xxx文件声明报错
m0_73481765的博客
08-23 995
安装xxx的声明文件。可以通过运行以下命令来安装该声明文件：npm install --save-dev @types/xxx。如果该文件有ts版本则会下载ts版本文件。在项目根目录找到或新建 types 文件夹，在文件夹中创建声明文件已“xxx文件名.d.ts”命名文件，然后在改文件中声明以下代码就不会报错了。这个错误通常是因为在TypeScript项目中缺少xxx的声明文件。通过上述步骤，你应该能够解决找不到xxx声明文件的问题。
VUE3+TS项目无法找到模块“../version/version.js”的声明文件
weixin_51293134的博客
09-05 1092
在导入 ../version/version.js 文件时，提示无法找到模块。
ts环境下如何解决第三方npm包类型报错的问题
weixin_60291486的博客
02-21 1728
d.ts。
ts使用装饰器运行没问题，编译报错解决
xtho62的博客
10-04 3351
文章目录装饰器简介ts使用装饰器运行没问题，编译报错解决方法方法1 tsconfig开启ES7标准方法2 全局开es7关于用户和工作空间设置 装饰器简介 装饰器：装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，属性或者参数上，可以修改类的行为 通俗的讲修饰器就是一个方法，可以注入到类，方法，属性参数上 来扩展类，属性，方法，参数的功能 常见的装饰器：类装饰器，属性装饰器，方法装饰器，参数装饰器 装饰器的写法：普通装饰器（无法传参），装饰器工厂（可传参） 装饰器是过去几年中js最大的成就
在WebStorm、vscode中使用tsc对ts文件编译时报错，tsc:无法加载文件，因为在系统上禁止运行脚本
qq_57182373的博客
07-23 1989
编译器终端ts不能被解析解决办法
【TypeScript 学习笔记】二、在VsCode用tsc编译ts文件报错问题（tsc : 无法加载文件 C:\Users\win11\AppData\Roaming\npm\tsc.ps1）
Cdkouo的博客
03-03 979
解决在VsCode中用tsc编译ts文件报错问题：tsc : 无法加载文件C:\Users\win11\AppData\Roaming\npm\tsc.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。
vitepress-theme-demoblock使用方法
06-03
若您已经安装好 VitePress 并创建了一个新项目，您可以按照以下步骤使用 vitepress-theme-demoblock 主题： 1. 安装主题 在项目根目录下，通过 npm 安装 vitepress-theme-demoblock 主题： ``` npm install vitepress-theme-demoblock --save-dev ``` 2. 配置主题 在 `.vitepress/config.js` 文件中，将主题配置为 `vitepress-theme-demoblock`： ```javascript module.exports = { theme: 'vitepress-theme-demoblock' } ``` 3. 在 Markdown 中使用 在 Markdown 中添加演示示例，使用 `:::demo` 和 `:::` 包裹示例代码和演示效果： ```markdown :::demo ```html <div> <button onclick="alert('Hello, World!')">Click Me!</button> </div> ``` ```javascript console.log('Hello, World!'); ``` ::: ``` 4. 启动项目 运行以下命令启动项目： ``` npm run dev ``` 启动成功后，您可以在浏览器中查看示例演示效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java小卷

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值