问题背景
学习 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,结果都不行。
至于没有气泡提示,怎么手动解决的方案,目前还没有。
结果
完美解决