问题背景
学习 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，结果都不行。
至于没有气泡提示，怎么手动解决的方案，目前还没有。
结果
完美解决
1630
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
