ts引入js报错（vue3）

最新推荐文章于 2024-06-14 10:00:00 发布
最新推荐文章于 2024-06-14 10:00:00 发布
阅读量2.8k 收藏 3
点赞数
分类专栏： 前端 vue3 文章标签： javascript typescript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42390534/article/details/115511322
版权

ts引入js模块报错（Vue3）

起因&&问题

今天学完Vue3 之后顺便学了ts。正好工作要我重新搭个平台，于是我顺理成章的使用了vue3+ts

我在ts文件中引用lodash工具集的时候一直报错。
Could not find a declaration file for module 'lodash/merge

在这里插入图片描述

解决方案

在Src目录下面有个shims-vue.d.ts的文件 打开 在最下面加上一行declare module '*'

在这里插入图片描述
最好的办法就是找到相应的ts 库

参照处

Mature blame
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Vue项目报错：Uncaught SyntaxError: Unexpected token <
10-17
主要介绍了Vue项目报错：Uncaught SyntaxError: Unexpected token <，在引入第三方依赖的 JS 文件时，遇到的一个问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue-cli webpack 引入swiper的操作方法
10-18
在Vue.js项目中，使用Vue CLI和Webpack搭建的环境，引入第三方库Swiper可以实现复杂的轮播图功能。Swiper是一款强大的触摸滑动组件，适用于移动设备和桌面浏览器。以下是详细的操作步骤： 1. **下载资源**：首先，...
TSX中引入JS文件报错
YOLO_Wang的博客
06-29 599
在tsconfig.json文件中设置allowJs:true。
ts中引入js文件以及使用全局js方法报错问题
热门推荐
想搞全栈的前端
09-18 1万+
ts中引入js报错 一、 无法找到模块“@/xxx/xxx”的声明文件。“xxx.js”隐式拥有 “any” 类型。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Txigu319-1631930149705)(C:\Users\oyzq\AppData\Roaming\Typora\typora-user-images\1631929576599.png)] 解决办法： 使用 require引用 const { encryptionJump,decryptJump } =
vue3+TS或JS, 实现粒子特效 @tsparticles/vue3
yavlgloss的博客
05-11 636
vue3+ts实现粒子效果
typescript引入js文件报错：Could not find a declaration file for module ‘@/utils/yd/utils‘.
那朵花的博客
04-19 893
将文件引入方式：import { xxx } from '@/utils/yd/utils'修改为：import { xxx} from '@/utils/yd/utils.js'
ts开发项目中引入.vue .js文件报错
weixin_43655409的博客
12-16 2365
引入.vue文件提示“Could not find a declaration file for module 'xxx.vue'......” 有时候在开发过程中只是提示有错，不影响项目运行，但在打包时会报错，导致无法打包。 在src文件目录下（也就是你开发代码所在的文件夹）添加 shims-vue.d.ts 文件，内容为 declare module '*.vue' { import { DefineComponent } from 'vue'; const component: ..
vue3无法使用jsx问题
weixin_48927323的博客
06-07 4422
类型“typeof import("D:/\u9879\u76EE/00/model-dev-platform-doc/node_modules/@element-plus/icons-vue/dist/types/index")”的参数不能赋给类型“Plugin_2”的参数。至此，我们新建的这个vite项目已经全面支持jsx语法了，此时还需要在。报错一：无法使用 JSX，除非提供了 "--jsx" 标志。
vue项目引入ts步骤(小结)
12-13
最近考虑到老项目代码的可维护性以及稳定性，决定引入ts做规范检测。因为介绍的东西比较基础，如果介绍的不对，麻烦指正。 1. 简介 TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持。网上...
Vite+Vue+iClient for Leaflet引入并实现MapV/Eharts第三方可视化库示例
05-20
以iClient for Leaflet为例，在新一代前端框架构建工具Vite与Vue3项目中，演示如何搭建iClent开发环境并使用Echarts与MapV等第三方可视化库
vue如何引入sass全局变量
12-12
sass或者less都提供变量设置，在需求切换主题的项目中使用less或者sass变量，只要修改变量值，编译后所有用到该变量的样式都会被修改为你想要的效果，但是在vue-cli搭建的项目中，在main.js中全局引入一个scss文件，...
vue3 ts文件引入js文件的配置
weixin_44899752的博客
05-11 3140
vue3 ts文件引入js文件的配置
ts里引用js 兼容问题
dualvencsdn的博客
12-21 1686
虽然ts是 javascript的未来，在很多场景还是避免不了，有人在使用js.比如vue2+js, vue3+js；而你使用的vue3+ts,如果想借用下别人的组件，有时候需要把它引入进来。js的写法太粗矿，有很多不符合ts写法的，一个个去修改，没有耐心 ，有时候一个组件如果很复杂，你不敢确认修改的是否正确。所以，简单而直接的兼容很重要。
vite 引入public下css、js、json等文件报错问题的研究
wallace_yang的博客
12-28 8004
vite 引入 public下的js、css、json报错
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
XSL_HR的博客
12-26 1万+
vue3+vite在main.ts或者main.js文件中引入/App.vue报错（/App.vue不是模块）
vite3+vue3+ts 引入js报错
weixin_57703015的博客
09-08 1131
找了很久发现是vite只支持es格式的js，而这个js是webpack打包的，使用的是umd（commonjs、amd、全局变量） ，所以就会报这个错误。需要引入@originjs/vite-plugin-commonjs这个依赖。vite3+vue3+ts 在引入js的时候会报这个错误。然后在vite.config.ts引入这个依赖。
vue3，在ts中引入js文件
weixin_44910510的博客
09-25 1464
有时候需要再ts中引入js文件时，因为ts中需要定义变量类型。js中不需要，就会报错，如下图所示。
Vue3：解决在main.ts 中调用自定义的js文件会报错的问题
最新发布
SUMMERENT的博客
06-14 194
案例：Vue3 ，使用的是main.ts ，在main.ts 中调用自定义的ruoComment.js文件会报错，解决报错：找到tsconfig.json文件。//1.将输出结构重定向到目录。,//2.编译时允许有js }加上如下代码：即可解决问题。,//3.添加路径支持js。
vue3+ts项目运行过程中遇到的错误简记
橘子花会开
11-06 3797
vue3+t开发问题简记
vue+ts项目 引入qrCodejs2报错 TypeError: Cannot read properties of undefined (reading '_android')
12-24
在Vue+TS项目中引入qrCodejs2时报错"TypeError: Cannot read properties of undefined (reading '_android')"，这个错误通常是由于引入的库与项目的环境不兼容导致的。解决这个问题的方法有以下几种： 1. 确保安装了正确的依赖：首先，确保你已经正确安装了qrCodejs2库，并且版本与你的项目兼容。可以通过在项目根目录下运行以下命令来安装qrCodejs2库： ```shell npm install qrCodejs2 ``` 2. 检查引入方式：确保你在Vue组件中正确引入了qrCodejs2库。可以尝试使用以下方式引入： ```javascript import qrCodejs2 from 'qrCodejs2'; ``` 3. 检查环境配置：有时候，这个错误可能是由于项目的环境配置问题导致的。你可以检查一下你的项目配置文件，例如webpack配置文件，确保正确配置了相关的loader和插件。 4. 检查代码逻辑：如果以上方法都没有解决问题，那么可能是你的代码逻辑有问题。你可以检查一下你在使用qrCodejs2库的地方是否有错误，例如是否正确调用了相关的方法或属性。 请注意，以上方法只是一些常见的解决问题的方法，具体解决方法可能因项目配置和代码逻辑而异。如果以上方法都没有解决你的问题，建议你查阅qrCodejs2库的官方文档或在相关的开发社区中寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值