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那些类型,断言等语法删除掉,不然还是会报错

修改后的结果:

相关推荐
天蓝色的鱼鱼1 天前
从“死了么”到“我在”:用uniCloud开发一款温暖人心的App
前端·uni-app
小徐_23331 天前
uni-app 组件库 Wot UI 的 AI 友好型编程指南
前端·uni-app
CHB2 天前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
anyup2 天前
月销 8000+,uView Pro 让 uni-app 跨端开发提速 10 倍
前端·uni-app·开源
willow5 天前
uniapp实战
uni-app
只会cv的前端攻城狮5 天前
兼容性地狱-Uniapp钉钉小程序环境隔离踩坑实录
前端·uni-app
codingWhat7 天前
小程序里「嵌」H5:一套完整可落地的 WebView 集成方案
前端·uni-app·webview
小时前端8 天前
微信小程序选不了本地文件?用 web-view + H5 一招搞定
前端·微信小程序·uni-app
Mr_li9 天前
给 Vue 开发者的 uni-app 快速指南
vue.js·uni-app
anyup9 天前
🔥2026最推荐的跨平台方案:H5/小程序/App/鸿蒙,一套代码搞定
前端·uni-app·harmonyos