当前位置: 首页 > news >正文

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

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

const echarts = require('../../static/echarts.min');

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

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

修改后的结果:

 

http://www.lryc.cn/news/225847.html

相关文章:

  • CCLink转Modbus TCP网关_MODBUS报文配置
  • 【开源】基于Vue.js的大学兼职教师管理系统的设计和实现
  • Mysql数据库 14.SQL语言 视图
  • 【Acwing171】送礼物(双向dfs)题解
  • 机器学习---多分类SVM、支持向量机分类
  • 玩转Linux基本指令
  • 【开源分享】国内可用的免费安卓GPT语音助手 - 可音量键唤起,可联网
  • 什么是安全平行切面
  • Git 入门使用 —— 建库、代码上下传、常用命令
  • HTML5学习系列之简单使用1
  • 计算机网络第一章(计算机网络开篇)
  • 百度秋招突击手册面试算法题:三数之和
  • 归并排序 图解 递归 + 非递归 + 笔记
  • 2023 年最好的 Android 系统修复/刷机应用程序和软件
  • Linux下内网穿透实现云原生观测分析工具的远程访问
  • 卡数据兼容性要求-M2M架构
  • C++入门篇3(类和对象【重点】)
  • 【开源】基于Vue.js的生活废品回收系统的设计和实现
  • Mysql配置主从复制-GTID模式
  • Flink之状态管理
  • [Mac软件]Adobe Media Encoder 2024 V24.0.2免激活版
  • Bytebase 2.11.0 - 支持 OceanBase Oracle 模式
  • 『CV学习笔记』文本识别算法CRNNSVTR介绍
  • HaaS510开板式DTU真机连云:上报监测数据至阿里云物联网平台
  • 贾扬清开源 AI 框架 Caffe | 开源英雄
  • 【objectarx.net】使用公式自动更新表格项的内容
  • CSS 移动端 1px(线条/边框) 不同机型上显示粗细不同,解决办法
  • vue3使用vuex的示例(模块化功能)
  • Vatee万腾的科技决策力奇迹:Vatee科技决策力的独特之选
  • ai技术是怎么换脸的,实现原理是什么,有那些软件