[VUE] IDEA 开发 VUE,项目配置问题:不自动导包、未导包的属性不报红、不提示导包、导报语句中属性报红、提示当前JavaScript语言版本不支持类型。

问题背景

学习 vue 的个人项目,前后端全栈开发,不想开两个窗口或软件进行开发&跑项目,所以为了图省事,把前后端项目放一个文件夹中,再把这个文件夹打开作为项目进行开发。

这样有几个优点,在路由中直接 CTRL+左键 能跳转到对应的 controller 等。

公司的笔记本、家里的电脑两台电脑开发,然后笔记本没问题,在把代码拉到家里电脑上时发现出问题了。

问题描述

1. 导入语句中的属性报红:

import { onMounted, ref } from "vue"

忘了截图,就是 from "vue" 的语句,中间的 onMounted、ref 全部报红;

2. 使用自定义类型、ref 等属性时:

        a. IDEA 不自动导入

        b. IDEA 不提示导入包,提示 “未解析的变量或类型”

        c. 未导入包,但是相关属性、类型不报红

        d. 有时候,使用类型会提示 “当前JavaScript版本不支持类型”,提示更改语言类型为 Flow

问题原因

1. 未指定<script> 部分的语言

2. 导入 vue 项目的时候出现问题,IDEA 未运行依赖构建脚本,导致 js 库中少了个未全部启用的 node_modules

解决方案

1. 首先指定 <script> 部分的语言:

<script setup lang="ts">

2. 重新拉取 vue 项目,打开,注意右下角气泡提示:

点击运行才行,我试过手动切换到终端执行 pnpm -i,或者直接在库里添加 node_modules,结果都不行。

至于没有气泡提示,怎么手动解决的方案,目前还没有。

结果

完美解决

  • 10
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值