uniapp和vue3+ts开发小程序,使用vscode提示声明变量冲突解决办法

在uniapp中,我们可能经常会遇到需要在不用的环境中使用不同变量的场景,例如在VUE3中的小程序环境使用下面的方式导入echarts:

javascript 复制代码
const echarts = require('../../static/echarts.min');

如果不是小程序环境则使用下面的方式导入echarts:

javascript 复制代码
// 由于 vue3 使用vite 不支持umd格式的包,故引入npm的包
import * as echarts from 'echarts';

但是按照上面的形式导入后,在vscode中就会提示变量冲突:

导入声明与"echarts"的局部声明冲突。ts

为了解决这个问题,我的解决办法是,将script标签中的 lang="ts"删除掉:

但是删除掉之后,就会报另外一个警告:

Virtual script "d:/Mypro/uniapp-vue3/src/pages/my/index.vue.js" not found, may missing <script lang="ts"> / "allowJs": true / jsconfig.json.vue

所以还需要再ts.config.json中配置 "allowJs": true,然后保存再到vue中,就没有警告了:

但是还需要把ts那些类型,断言等语法删除掉,不然还是会报错

修改后的结果:

相关推荐
00后程序员张5 小时前
HTTP抓包工具推荐,Fiddler配置方法、代理设置与使用教程详解(开发者必学网络调试技巧)
网络·http·ios·小程序·fiddler·uni-app·webview
带着梦想扬帆启航8 小时前
UniApp 多个异步开关控制教程
前端·javascript·uni-app
喵喵侠w9 小时前
uni-app微信小程序相机组件二次拍照白屏问题的排查与解决
前端·数码相机·微信小程序·小程序·uni-app
2501_9159184113 小时前
HTTP和HTTPS工作原理、安全漏洞及防护措施全面解析
android·http·ios·小程序·https·uni-app·iphone
iOS阿玮14 小时前
淘宝 9 块 9 的 DeepSeek,撕开了魔幻世界的一角
uni-app·app·apple
2501_9160074715 小时前
如何在 Windows 电脑上调试 iOS 设备上的 Safari?完整方案与实战经验分享
android·windows·ios·小程序·uni-app·iphone·safari
2501_9159184115 小时前
uni-app iOS日志管理实战,从调试控制台到系统日志的全链路采集与分析指南
android·ios·小程序·https·uni-app·iphone·webview
hdsoft_huge16 小时前
小程序弱网 / 无网场景下 CacheManager 离线表单与拍照上传解决方案
java·小程序·uni-app
WKK_16 小时前
uniapp小程序 订阅消息推送
小程序·uni-app
海鸥两三1 天前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app