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标签蓝色波浪线标注内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • vantUI 获得piker选中值的自定义ID操作

    vantUI 获得piker选中值的自定义ID操作

    这篇文章主要介绍了vantUI 获得piker选中值的自定义ID操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-11-11
  • 解决element-ui el-checkbox的一些坑

    解决element-ui el-checkbox的一些坑

    这篇文章主要介绍了解决element-ui el-checkbox的一些坑,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-04-04
  • 浅谈Vue灰度发布新功能的使用

    浅谈Vue灰度发布新功能的使用

    本文主要介绍了浅谈Vue灰度发布新功能的使用,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-04-04
  • vue2创建高复用组件的方法示例

    vue2创建高复用组件的方法示例

    Vue2中的高复用组件通常是指那些设计得足够通用,并能多次在项目中重复使用的组件,本文给大家详细介绍了vue2创建高复用组件的方法示例,并通过代码示例讲解的非常详细,需要的朋友可以参考下
    2024-07-07
  • vue+echarts图表使用的问题记录

    vue+echarts图表使用的问题记录

    由于在项目中需要对数据进行可视化处理,也就是用图表展示,众所周知echarts是非常强大的插件,所以这篇文章主要给大家介绍了关于vue+echarts图表使用的相关资料,需要的朋友可以参考下
    2021-09-09
  • vue项目中进行svg组件封装及配置方法步骤

    vue项目中进行svg组件封装及配置方法步骤

    本文主要介绍了vue项目中进行svg组件封装及配置方法步骤,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • vue 根据数组中某一项的值进行排序的方法

    vue 根据数组中某一项的值进行排序的方法

    这篇文章主要介绍了vue 根据数组中某一项的值进行排序的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-08-08
  • vue组件中的样式属性scoped实例详解

    vue组件中的样式属性scoped实例详解

    vue组件中的style标签标有scoped属性时表明style里的css样式只适用于当前组件元素 。接下来通过本文给大家分享vue组件中的样式属性scoped实例详解,感兴趣的朋友跟随小编一起看看吧
    2018-10-10
  • 浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

    浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法

    下面小编就为大家分享一篇浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-03-03
  • vue3获取当前路由地址

    vue3获取当前路由地址

    本文详细讲解了vue3获取当前路由地址的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-01-01

最新评论