使用pnpm管理多个代码库vue版本不一致，代码库编译的vue版本用了另外一个库的vue版本导致编译失败

已于 2023-04-03 16:28:43 修改
阅读量564 收藏
点赞数
文章标签： vue.js javascript 前端
于 2023-03-27 10:35:21 首次发布
本文链接：https://blog.csdn.net/sufubo/article/details/129730239
版权

报错问题

使用pnpm管理多个代码库vue版本不一致，代码库编译的vue版本用了另外一个库的vue版本导致编译失败

一个代码库我们假设叫他为A使用的是vue2.6，但是另外一个代码库我们假设他叫B依赖vue2.5,然后A代码库有依赖了B代码库，然后这时候vue版本就混乱了。

A编译的之后用了B版本库依赖的vue2.5版本，错误了，但是vue-template-compiler又用的是他本身的vue2.6的，导致两者版本不匹配，所以就出了问题。

但是为啥vue用的是错的，vue-template-compiler是对的，没有都用错。这个就奇怪了。

然后去看这两个有啥区别，发现A项目的vue-template-compiler写在了devDependencies，B项目也是写在了devDependencies下面，但是这样写没有问题。vue-template-compiler就是开发阶段才使用。

vue是线上运行阶段也要用的东西。看了node_module本地也都是对的，不同库的node_module版本也都是对的，问题还在排查中

最终解决办法是pnpm-workspace.yaml仅保留了一个项目，这下没有污染的问题了。

packages:
  - 'packages/aaa'
link-workspace-packages: true

这下编译aaa项目没有问题了

vieber
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
​vue3 配置强制使用pnpm包管理器工具​,防止下载依赖版本不一致
jieweiwujie的博客
02-15 577
团队开发项目的时候，需要统一包管理器工具，因为不同包管理器工具下载同一个依赖，可能版本不一样，导致项目出现bug问题，因此包管理器工具需要统一管理。package.json中配置启动命令。文件，添加下面的内容。
vue npm install安装出来的modules版本和package.json中定义的版本不一致
南有乔木的博客
11-18 7909
开发时候，升级了引用module的版本，手动修改package.json文件中的版本号，然后删掉原来的module重新npm install，但是重新安装的版本号并不是我package.json中定义的版本，而依然是原来的版本。 先说解决方法： 删除vue项目根目录下的package-lock.json，重新npm install。 问题解决。至于为什么要删除package-lock.jso...
【pnpm】安装依赖基础
qq_41767061的博客
06-05 912
在使用pnpm和。这两者的主要区别在于如何处理现有的依赖项缓存。本文将详细介绍这两个命令的行为，并解释为什么有时候能解决一些常见的问题。和在处理依赖项时有不同的策略。使用缓存来提高效率和速度，而忽略缓存，确保所有依赖项被重新安装。这在解决缓存损坏、版本冲突和依赖项不一致等问题时特别有用。理解这两者的区别和适用场景，有助于更有效地管理项目的依赖项安装。通过以上信息，你现在应该能更好地理解和之间的区别，并在适当的场景下选择合适的命令来解决依赖项安装问题。
vue项目配置里的版本号与npm查的vue版本号不一致
weixin_42018331的博客
05-27 3332
项目里的是框架搭起来的时候版本(放在项目文件夹里) 在npm里看到的是本地的版本（放在c盘里） ^这些就是相当于自动更新，但不会改变package.json 用^的含义： 允许不会改变最左边的不为零的版本号的版本提升，也就是说，**1.0.0允许次要、补丁版本升级，**0.1.0允许补丁版本升级，^0.0.x 不允许升级。 如果想更直观的查看当前的版本号，可以装个yarn，特点就是快，还能锁版本。你在目录中看到的实际版本号，都能在yarn.lock中查到对应的。 ...
vue vuepress 解决npm安装依赖和package.json版本不一致
资深全栈开发工程师
03-10 2358
npm或者cnpm 安装依赖，不会完全按照package.json中的版本号来，会有稍微的差异，这样的差异可能导致项目起不来，或者报错， 因为某些包只有特定的版本才能正常运行。
2023-04-17：vue_node_npm：Vue项目启动时依赖版本冲突问题
weixin_45805749的博客
04-17 1288
vue_node_npm：Vue项目启动时依赖版本冲突问题
【问题解决】本地pnpm版本与packageManager中pnpm版本不一致
Vernal_F的专栏
05-10 3445
解决：If you want to bypass this version check, you can set the “package-manager-strict” configuration to “false” or set the “COREPACK_ENABLE_STRICT” environment variable to “0”
解决node与npm版本不一致
qq_44750631的博客
10-23 699
npm WARN npm npm does not support Node.js v16.16.0 npm WARN npm You should probably upgrade to a newer version of node as we npm WARN npm can't make any promises that npm will work with this version. npm WARN npm Supported releases of Node.js are the lates
monosample：使用pnpm并跨多个项目共享一个公共库的示例Monorepo存储库
02-03
单样本这是使用monorepo样品而位与包重载它表明你是多么容易创建monorepo设置与 每个软件包（ packages/** ）都有自己的自述文件，以解释如何在特定软件包中工作安装首先安装 npm i -g pnpm 然后跑pnpm recursive ...
vite+vue3使用模块化批量发布Mockjs接口
03-29
7. **版本控制**: `.gitignore`和`pnpm-lock.yaml`文件则用于管理版本控制和依赖关系，确保团队成员之间的代码一致性。 综上所述，"vite+vue3使用模块化批量发布Mockjs接口"是一个全面的前端开发流程，涉及到Vite的...
基于Vue3的轮胎进销存管理系统源代码
09-13
这表明这是一个使用Vue3技术栈构建的系统，主要用于管理轮胎的进货、销售和库存等业务流程。Vue3的引入，意味着系统将利用其响应式数据绑定、组件化、生命周期钩子等功能，实现界面与数据的实时同步，提高用户体验。...
Vue3+桌面端组件库+JavaScript+前端开发框架
最新发布
06-11
1、vue-devui：vue-devui基于DevUI Design，使用最新的Web技术构建，包括pnpm、vite、vue3和tsx。它提供55个简洁、易用且灵活的组件，支持按需引入，允许用户根据需要加载特定的组件，以减少最终打包文件的大小。...
vue3使用print-template生成pdfDemo
08-18
总的来说，这个项目提供了一个使用Vue3和`print-template`库生成PDF的实例，涵盖了前端开发、TypeScript使用、现代构建工具Vite以及依赖管理等多个方面。对于想要学习如何在Vue3应用中实现PDF导出功能的开发者来说，...
解决VUE项目使用不同node版本方案
qq_49969484的博客
11-11 992
NVM 是一种用于管理设备上的 Node 版本的工具。你设备上的不同项目可能使用不同版本的 Node.js。对这些不同的项目仅使用一个版本（由 npm 安装的版本）可能无法为你提供准确的执行结果。例如，如果你将 10.0.0 的 Node 版本用于使用 12.0.0 的项目，则可能会出现一些错误。如果你用 npm 将 Node 版本更新到 12.0.0，并且你将它用于使用 10.0.0 的项目，你可能无法获得预期的体验。
pnpm在多项目和单项目下的使用问题解答
qq_30599215的博客
12-16 4377
例如，如果你在 .npmrc 文件中配置了 npm 仓库的地址为 https://registry.npmjs.org/，但在某个项目的 .npmrc 文件中又配置了 npm 仓库的地址为 https://registry.yarnpkg.com/，那么 pnpm 在这个项目中就会使用 https://registry.yarnpkg.com/ 这个仓库地址，而不是全局配置文件中的地址。例如，如果你在 .npmrc 文件中配置了 npm 仓库的地址，那么所有的项目都会使用这个仓库地址。
使用 pnpm 时维护 package.json
双份浓缩冰块加满
10-14 1071
在本地开发期间，如果 pnpm 的版本与引擎字段中指定的版本不匹配，则它总是会失败并显示错误消息。 除非用户设置了 engine-strict 配置标志（参见 .npmrc），否则这个字段只是建议性的，只有当你的包作为依赖项安装时才会产生警告。
pnpm 源码结构及调试指南
奇舞周刊
03-28 1511
前言随着前段时间尤大在 vue3 以及 vite 仓库中切换包管理为 pnpm 的 pr 成功 merge，以及 vue 生态中的一些项目例如 VueUse 也切换使用 pnpm，宣告着 vue 生态中项目仓库完成了从原有的yarn workspace monorepo到pnpm workspace monorepo的迁移。可以看到 vite 核心贡献者以及 vu...
使用vue3从零搭建vue组件库vue3 +pnpm +workspace+ vitepress + vite自动化部署github
qq_42704945的博客
10-20 522
使用vue3从零搭建vue组件库vue3 +pnpm +workspace+ vitepress + vite自动化部署github
pnpm monorepo之多组件实例和peerDependencies困境回溯
幻日のヨハネ
11-01 6039
回溯 开门见山，pnpm 从渐入视野到使用已经进入成熟期。本文不会探讨 pnpm 的使用和 monorepo 方案，如需从零开始了解，可参见： pnpm 官方文档：pnpm.io 《 为什么使用 pnpm 可以光速建立好用的 monorepo（比yarn/lerna 效率高） 》 随着 lerna 的维护速度逐渐放缓（几个月才 commit 一次），vite / vue3 仓库迁移至 pnpm ，使用 pnpm 管理 monorepo 已是目前的最佳解之一。 但是其中不免存在一些问题。 问题 p
使用pnpm创建vue项目
09-01
### 回答1： 可以使用以下命令使用pnpm创建一个新的Vue项目： 1. 首先需要安装Vue CLI脚手架工具和pnpm，可以使用以下命令进行安装： ``` npm install -g @vue/cli pnpm ``` 2. 创建新的Vue项目，并选择需要的配置选项： ``` vue create my-project ``` 3. 在项目根目录下安装依赖： ``` cd my-project pnpm install ``` 4. 启动项目进行开发： ``` pnpm run serve ``` ### 回答2： 要使用pnpm创建vue项目，首先需要确保已经在计算机上安装了Node.js。可以在终端窗口中运行以下命令来检查Node.js是否已安装： ``` node -v ``` 如果已经成功安装了Node.js，可以继续进行以下步骤来使用pnpm创建vue项目： 1. 在终端窗口中，输入以下命令来安装pnpm： ``` npm install -g pnpm ``` 此命令将在全局范围内安装pnpm。 2. 创建一个新的目录，并进入该目录： ``` mkdir my-vue-project cd my-vue-project ``` 3. 在终端窗口中，运行以下命令来使用pnpm初始化一个Vue项目： ``` pnpx create-vue-app . ``` 这个命令会在当前目录下初始化一个Vue项目。 4. 在初始化期间，会询问一些关于项目的配置选项，比如项目名称、包管理器、预设配置等。根据自己的需要进行选择。 5. 初始化完成后，运行以下命令来启动开发服务器: ``` pnpm run dev ``` 这个命令将启动一个本地开发服务器，你可以在浏览器中访问`http://localhost:8080`来查看你的Vue项目。 以上就是使用pnpm创建Vue项目的步骤。pnpm是一个高效的包管理器，它可以帮助我们更快地安装和管理项目依赖。如果你已经习惯了使用pnpm，那么使用它来创建Vue项目将会是一个不错的选择。 ### 回答3： 使用pnpm创建vue项目非常简单。首先，确保已经安装了npm和pnpm。然后，打开终端并输入以下命令： 1. 创建一个新的项目文件夹：`mkdir my-vue-project`。 2. 进入项目文件夹：`cd my-vue-project`。 3. 初始化一个新的pnpm项目：`pnpm init`。按照提示设置项目名称、版本号等信息。 4. 安装Vue CLI：`pnpm install -g @vue/cli`。这将全局安装Vue CLI工具，以便后续创建和管理Vue项目。 5. 创建一个新的Vue项目：`vue create my-vue-app`。这将在项目文件夹下创建一个名为my-vue-app的文件夹，并安装Vue项目的所需依赖。 6. 进入Vue项目文件夹：`cd my-vue-app`。 7. 启动开发服务器：`pnpm run serve`。这将编译和启动Vue项目，并在浏览器中打开开发服务器。 8. 现在，您可以开始在Vue项目中编写代码了。通过编辑项目文件夹中的`src/App.vue`文件和其他组件文件，可以创建自定义的Vue组件。 9. 您还可以安装其他第三方库和插件，例如Vue Router和Vuex，以扩展Vue项目的功能。使用`pnpm install`命令安装这些库，然后在项目中引入和使用它们。 使用pnpm创建Vue项目可以更高效地管理项目依赖，同时享受Vue CLI提供的许多便利特性。希望这个简单的步骤能帮助您成功创建一个Vue项目！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值