VUE项目启动没有问题但代码中script标签有蓝色波浪线标注

 更新时间:2023年05月08日 09:56:51   作者:努力学编程呀(๑•ี_เ•ี๑)  
这篇文章主要给大家介绍了关于VUE项目启动没有问题但代码中script标签有蓝色波浪线标注的相关资料,文中将遇到的问题以及解决的方法介绍的非常详细,需要的朋友可以参考下

项目场景:

VUE 中项目启动没有问题,代码中 script 标签有蓝色波浪线标注:

并且有相关的 提示信息

Virtual script not found, may missing <script lang=“ts“> / “allowJs“: true / jsconfig.json.volar

问题描述

提示:这里描述项目中遇到的问题:

Virtual script not found, may missing <script lang=“ts“> / “allowJs“: true / jsconfig.json.volar:

原因分析:

提示:这里填写问题的分析:

使用 Visual Studio Code 语法编辑器,遇到一些问题可能会有报错信息,虽然说项目还是可以正常运行,但是volar会给与蓝色波浪线的警示

解决方案:

提示:这里填写该问题的具体解决方案:

1、分析什么情况会出现这样的问题:

script标签没有添加lang="ts"就会报这个错,

2、出现的原因是:

有可能在配置中没有添加允许JS的配置(allowJs:true)

3、如何解决?

在tsconfig.js里面的compilerOptions对象下添加属性:

“allowJs”: true,

文件:tsconfig.js:

 "compilerOptions": {
    "allowJs": true,
    }

对于编辑器标注出现的错误,我们首先要从代码的语法进行考虑,仔细检查 代码的语法是否规范,其次考虑是否 是 属性设置的问题。

总结

到此这篇关于VUE项目启动没有问题但代码中script标签有蓝色波浪线标注的文章就介绍到这了,更多相关VUE script标签蓝色波浪线标注内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue.js watch监视属性知识点总结

    Vue.js watch监视属性知识点总结

    在本篇文章里小编给大家分享的是关于Vue.js watch监视属性的相关知识点内容,需要的朋友们学习下。
    2019-11-11
  • 在Vue3.x中实现类似React.lazy效果的方法详解

    在Vue3.x中实现类似React.lazy效果的方法详解

    React 的 React.lazy 功能为组件懒加载提供了原生支持,允许开发者将组件渲染推迟到实际需要时再进行,虽然 Vue3.x 没有一个直接对应的 lazy 函数,但我们可以通过动态导入和 defineAsyncComponent 方法来实现类似的效果,需要的朋友可以参考下
    2024-03-03
  • 教你如何编写Vue.js的单元测试的方法

    教你如何编写Vue.js的单元测试的方法

    这篇文章主要介绍了教你如何编写Vue.js的单元测试的方法,介绍了简单的单元测试,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • vue中如何下载excel流文件及设置下载文件名

    vue中如何下载excel流文件及设置下载文件名

    这篇文章主要介绍了vue中如何下载excel流文件及设置下载文件名,对vue感兴趣的同学,可以参考下
    2021-05-05
  • 修改vue源码实现动态路由缓存的方法

    修改vue源码实现动态路由缓存的方法

    这篇文章主要介绍了修改vue源码实现动态路由缓存的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • vue实现面包屑的方法

    vue实现面包屑的方法

    这篇文章主要为大家详细介绍了vue实现面包屑的方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • 详解Vue-cli webpack移动端自动化构建rem问题

    详解Vue-cli webpack移动端自动化构建rem问题

    这篇文章主要介绍了详解Vue-cli webpack移动端自动化构建rem问题,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-04-04
  • Vue管理系统前端之组件拆分封装详解

    Vue管理系统前端之组件拆分封装详解

    这篇文章主要给大家介绍了关于Vue管理系统前端之组件拆分封装的相关资料,文中通过实例代码结束的非常详细,对大家学习或者使用Vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2020-08-08
  • 100行代码理解和分析vue2.0响应式架构

    100行代码理解和分析vue2.0响应式架构

    通过100行代码帮助大家理解和分析vue2.0响应式架构的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • vite结合electron构建前端桌面应用程序

    vite结合electron构建前端桌面应用程序

    本文主要介绍了vite结合electron构建前端桌面应用程序,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-05-05

最新评论