横向比较依赖管理问题npmnode_modules树形结构隐藏依赖重复安装npm>v3node_modulesflattenmode重复引用yarnnode_modulesflattenmode重复引用yarn2(berry)Plug'n'Play每个包压缩成一个zip，**.pnp。js记录包版本和磁盘映射位置vue生态支持不好pnmpnode_modules树结构，操作系统层面的硬链接，避免重复安装yarn2探索yarn2目测是最好的方案，背后有fb背书。使用pnp改造后，项目也可以正常运行。改造步骤如下：查看当前yarn版本$yarn--version1.22.11setting使用yarn2$yarnsetversionberry设置完成后查看yarn的版本号，>3正常：$yarn--version3.0.0configureyarn-berry.cjs$yarnconfigsetnpmRegistryServerhttps://registry.npm.taobao.org删除旧的node_modules文件夹和yarn.lock文件，并重建整个项目：$rm-rfnode_modules$rm-fyarn.lock$yarnstartprojectyarnserve/start/build...，处理yarn报的依赖错误，一般是因为之前的一些依赖没有在package.json中声明，yarninstallxxx可以解决shell错误，如果浏览器可以正常运行处理项目后，改造完成。如果浏览器控制台报错：Error:Yourapplicationtriedtoaccessxxxxxx,butitisn'tdeclaredinyourdependencies;这使得require调用变得模棱两可且不合理。如果package.json不包含，则yarninstall，如果安装后还是报错，修改.yarnrc.yml，添加如下内容：#包名/版本号自行处理packageExtensions:'mmnn@*':dependencies:'xxyy':'*'添加后执行yarninstall，然后重新运行项目yarn2插件插件列表建议至少安装typescript插件in#自动添加@types依赖$yarnpluginimporttypescriptideSupport:以vscode为例：$yarndlx@yarnpkg/sdksvscode然后：更改你的VSCode工作区配置以添加以下内容："typescript.tsdk":".yarn/sdks/typescript/lib"至此，ide可以正常对ts进行静态类型推断，也可以通过js依赖进行解析。以上步骤如果需要修改tsconfig.json，需要修改tsconfig.json等流程。但是，问题来了：vue文件中vetur提供的所有类型推断都不生效。
