今天在开发过程中碰到了导入模块时提示无法找到模块这个问题，分享一下我的解决思路首先产生这个错误是：无法找到模块XXX，并且提示'XXX'isdeclaredbutitsvalueisneverread产生这个问题的原因是我们使用了ts语法，他只能识别.ts文件，并不能识别.vue文件，所以在引入组件的时候报错了注意：这个错误并不影响代码的正常运行，只是在编写代码时，importxxxfrom'xxx'会一直飘红，很影响观感这里提供一种解决方案如下：在项目的根目录下创建一个xxx.d.ts文件，文件名自定义即可，后缀必须是.d.ts在刚刚创建的文件中输入一下代码declaremodule'*.v
文章目录一、项目起航：项目初始化与配置二、React与Hook应用：实现项目列表三、TS应用：JS神助攻-强类型四、JWT、用户认证与异步请求1~56~10五、CSS其实很简单-用CSS-in-JS添加样式1.安装与使用antd组件库安装antd安装cracoantd组件替换原生组件2.CSS-in-JS(1)传统CSS的缺陷①缺乏模块组织②缺乏作用域③隐式依赖，让样式难以追踪④没有变量⑤CSS选择器与HTML元素耦合(2)Emotion介绍3.emotion&登录注册页美化全局样式安装emotion原生标签使用emotionantd标签使用emotion进一步美化学习内容来源：React+R
近期做到的项目中有涉及到上传图片上传文件的需求，因为是pc管理后台，用到了element-plus框架，所以我也一起使用element-plus中的上传图片上传图片功能，并对它进行封装成一个组件，方便在多个地方使用。一、效果图1、上传文件、视频2、上传图片二、代码分析及全部代码 在这里上传图片和文件是分成了两个组件进行封装的，因为项目需求要求不一致，所以分开了，大家使用时有需要的话可以将它们合并到一起。1、上传文件相关代码template>divclass="upload_wrap">el-uploadv-if="!props.isDisableUpload"class="upload"
记录一下，由于项目需要做车辆的历史轨迹回放，查了很多资料，在高德地图里有这几种解决方案。所用技术：vue3+TS+elementUIplus+高德地图 这是相关的Demo借鉴高德地图的轨迹回放demo轨迹巡航器控制高德地图AmapUI下面是效果图：1，这是高德地图提供的轨迹回放demo 2，这是使用的高德地图AMapUI的巡航器 讲一下实现方法1，轨迹回放的有两种写法，第一个是初始化加载的时候就把监听事件放进去constinitMap=()=>{AMapLoader.load({key:"key",//申请好的Web端开发者Key，首次调用load时必填version:"2.0",//指定要加
本人不是专业前端选手哈，空闲之余浅浅尝试一下新出的vue3，顺便记录一下搭建途中遇到的小问题Virtualscriptnotfound,maymissing/"allowJs":true/jsconfig.json.volarViewProblem(⌥F8)现象：不影响正常运行，但是提示错误信息错误信息如上所示其实已经有了答案，按照提示添加即可。"allowJs":true添加完成后保存，check报错点done
vue3+tsimport引入第三方js文件报错解决方法报错原因：执行importXXXfrom‘XXX.js’报错，Therequestedmodule‘xxx.js’doesnotprovideanexportnamed‘default’可能是第三方文件不支持模块化标准，不能按需导入解决方案:第一种方法：在index.html里利用script全局引入scripttype="text/javascript"src="xxx.js">/script>第二种方法：在所需的.vue文件里单独引入，最后在head标签里生成js和css，离开页面时移除//移除js或者cssfunctionremov
意思是说找不到对应的模块“@/views/xxx.vue”或其相应的类型声明因为ts只能解析.ts文件，无法解析 .vue文件解决方法很简单，一开始的时候env.d.ts是空文件，我们可以在项目的env.d.ts中引入如下代码：declaremodule'*.vue'{import{DefineComponent}from"vue"constcomponent:DefineComponentexportdefaultcomponent}加入上面的代码，就不报错了。
vue3.2+ts错误：找不到模块“./App.vue”或其相应的类型声明。ts(2307) 解决方法：在项目根目录创建env.d.ts 文件（如果已有，则在文件中追加），加入以下内容：declaremodule"*.vue"{importtype{DefineComponent}from"vue";constvueComponent:DefineComponent;exportdefaultvueComponent;}报错原因：未定义.vue文件的类型，导致ts 无法解析其类型，在env.d.ts中定义后即可解决。
一.使用vant组件 validate属性实现触发指定输入框rules校验，满足校验通过否则失败 1.给form表单绑定ref并定义值名称，然后为你想校验的表单绑定name值2.为ref的值名称定义变量名 ，然后ref值名称.value.validate('name值名称')，.then接收成功，.catch接收失败constform=ref()form.value.validate('mobilenNmber').then((result:any)=>{console.log(result);//成功后执行}).catch((err:any)=>{console.log(err);//失败
刚创建的一个Vue3和Ts的项目，结果使用Vscode打开后，修改了index.vue文件就报错了:网上找了各种原因，有让添加jsconfig.json文件的，有让新建一个项目的，有的直接放弃ts的，哈哈哈，真的是千奇百怪都有，好吧，我这里就也出两种方法：第一种：修改tsconfig.json文件在tsconfig.json文件中添加一行代码：就是让ts识别vue文件"include":["src/**/*.ts","src/**/*.d.ts","src/**/*.tsx","src/**/*.vue"],}添加后的内容：修改完之后，保存文件，然后打开vue就没有提示了：第二种：不要用Vsc
