[vite] Pre-transform error: Cannot find package pnpm路径过长导致运行报错

下了套vue3的代码,执行pnpm install初始化,使用vite启动,启动后访问就会报错

报错信息

 ERROR  16:40:53 [vite] Pre-transform error: Cannot find package 'E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@babel\plugin-transform-typescript\package.json' imported from E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@vitejs\plugin-vue-jsx\dist\index.cjs
Did you mean to import @babel+plugin-transform-typescript@https+++registry.npmmirror.com+@babel+plugin-transform-typ_t6dvr774uyzoiatluosu5niumu/node_modules/@babel/plugin-transform-typescript/lib/index.js?ERROR  16:41:02 [vite] Internal server error: Cannot find package 'E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@babel\plugin-transform-typescript\package.json' imported from E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@vitejs\plugin-vue-jsx\dist\index.cjs
Did you mean to import @babel+plugin-transform-typescript@https+++registry.npmmirror.com+@babel+plugin-transform-typ_t6dvr774uyzoiatluosu5niumu/node_modules/@babel/plugin-transform-typescript/lib/index.js?Plugin: vite:vue-jsxFile: E:/work/VSCodeProjectWork/jeecg/xxxxxxxxx-next/xxxxxxxxx-next-jeecgBoot-vue3/src/utils/factory/createAsyncComponent.tsxat legacyMainResolve (node:internal/modules/esm/resolve:214:26)at packageResolve (node:internal/modules/esm/resolve:840:14)at moduleResolve (node:internal/modules/esm/resolve:910:20)at defaultResolve (node:internal/modules/esm/resolve:1130:11)at ModuleLoader.defaultResolve (node:internal/modules/esm/loader:396:12)at ModuleLoader.resolve (node:internal/modules/esm/loader:365:25)at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:240:38)at ModuleLoader.import (node:internal/modules/esm/loader:328:34)at importModuleDynamically (node:internal/modules/cjs/loader:1261:33)at importModuleDynamicallyWrapper (node:internal/vm/module:430:21)at importModuleDynamicallyCallback (node:internal/modules/esm/utils:186:14)at TransformContext.transform (E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@vitejs\plugin-vue-jsx\dist\index.cjs:84:13)at Object.transform (file:///E:/work/VSCodeProjectWork/jeecg/xxxxxxxxx-next/xxxxxxxxx-next-jeecgBoot-vue3/node_modules/.pnpm/vite@5.2.13_@types+node@20.14.2_less@4.2.0/node_modules/vite/dist/node/chunks/dep-DEPSZ3SS.js:52318:62)at async loadAndTransform (file:///E:/work/VSCodeProjectWork/jeecg/xxxxxxxxx-next/xxxxxxxxx-next-jeecgBoot-vue3/node_modules/.pnpm/vite@5.2.13_@types+node@20.14.2_less@4.2.0/node_modules/vite/dist/node/chunks/dep-DEPSZ3SS.js:55073:29)at async viteTransformMiddleware (file:///E:/work/VSCodeProjectWork/jeecg/xxxxxxxxx-next/xxxxxxxxx-next-jeecgBoot-vue3/node_modules/.pnpm/vite@5.2.13_@types+node@20.14.2_less@4.2.0/node_modules/vite/dist/node/chunks/dep-DEPSZ3SS.js:64920:32)

同样的代码再同事电脑里就可以正常运行,
找到了个文章,解决方案是换个文件夹,原因的特殊字符,
jenkins目录下的vue3项目——pnpm install后运行报错——奇葩问题解决

我尝试了一下,将_改为了-,不好使,
E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx_next\xxxxxxxxx-next-jeecgBoot-vue3
同级换个文件夹,不好使
E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx_next\xxxxxxxxx-next-vue3
放在根目录下的A文件夹里,,好使,,
E:\A
按照原文件夹的名字拼接在一起变成了个巨长的文件夹名,不好使
E:\workVSCodeProjectWorkjeecgxxxxxxxxx_nextxxxxxxxxx-next-jeecgBoot-vue3
更改稍短点的路径,好使
E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx_next\vue3

由此得出的pnpm不能在特别长的文件夹下使用

它的机制产生巨长的路径E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@babel\plugin-transform-typescript\package.json' imported from E:\work\VSCodeProjectWork\jeecg\xxxxxxxxx-next\xxxxxxxxx-next-jeecgBoot-vue3\node_modules\.pnpm\@vitejs+plugin-vue-jsx@https+++registry.npmmirror.com+@vitejs+plugin-vue-jsx+-+plugin-vue-jsx_wpfjsfrcyfhppiaqhs2qki2ffu\node_modules\@vitejs\plugin-vue-jsx\dist\index.cjs实测已经561个字符了,与好使的路径只差26个字符,猜测是要控制在512以内,去除\ 536,536-26=510,也许就是答案吧,,

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/44643.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

AC修炼计划(AtCoder Regular Contest 180) A~C

A - ABA and BAB A - ABA and BAB (atcoder.jp) 这道题我一开始想复杂了,一直在想怎么dp,没注意到其实是个很简单的规律题。 我们可以发现我们住需要统计一下类似ABABA这样不同字母相互交替的所有子段的长度,而每个字段的的情况有&#xff…

Postman中的API安全堡垒:全面安全性测试指南

🛡️ Postman中的API安全堡垒:全面安全性测试指南 在当今的数字化世界中,API安全性是保护数据和系统不可或缺的一环。Postman作为API开发和测试的领先工具,提供了多种功能来帮助开发者进行API安全性测试。本文将深入探讨如何在Po…

交互式AI的新纪元:Transformer模型的革新应用

交互式AI的新纪元:Transformer模型的革新应用 随着人工智能技术的不断进步,交互式人工智能(AI)逐渐成为提升用户体验的关键技术。Transformer模型,以其卓越的处理序列数据的能力,已成为推动交互式AI发展的…

利用 AI 解放双手:把“贾维斯”带进现实 | 开源专题 No.64

Significant-Gravitas/AutoGPT Stars: 160k License: MIT AutoGPT 是开源 AI 代理生态系统的核心工具包。 提供构建、测试和委托 AI 代理的工具。AutoGPT 处于 AI 创新前沿,提供文档、贡献指南以及快速开始创建自己的代理。包含强大的组件如 Forge 和 Benchmark&…

【教程】Hexo 部署到 Github Page 后,自定义域名失效的问题

目录 前言&问题描述解决方案细节 前言&问题描述 近期给 Github Page 上托管的静态网站映射了自定义域名(aiproducthome.top),之后发现每次更新并部署 hexo 到 Github Page (hexo d)后就会出现自定义域名失效的…

探索SQL Server查询优化的奥秘:数据库查询优化器深度解析

探索SQL Server查询优化的奥秘:数据库查询优化器深度解析 在数据库管理的世界里,查询优化器是确保查询效率的关键组件。SQL Server的查询优化器采用先进的算法,将用户的SQL查询转换成高效的执行计划。本文将深入探讨SQL Server查询优化器的工…

高效利用iCloud:全面指南与技术深度解析

引言 在数字化时代,数据的同步、备份和跨设备协作变得尤为重要。苹果公司的iCloud服务凭借其强大的云存储和同步功能,为用户提供了一个无缝的数据管理解决方案。本文将全面介绍如何高效利用iCloud,帮助用户更好地管理数据、提升工作效率&…

Python如何进行游戏开发?

使用Python进行游戏开发可以通过以下几个步骤来实现。Python有多个游戏开发框架和库,最常用的是Pygame。下面是一个简要的指南,介绍如何使用Pygame进行游戏开发。 安装Pygame 首先,你需要安装Pygame库。你可以使用pip进行安装: …

前端如何去看蓝湖

首先加入团队,在内容中我们可以看到点击图片,右边出现的图 包含了像素甚至有代码,我们可以参考这个代码。 那么在使用之前我们需要调整好像素,例如我们的像素宽为375,不用去管高,然后这个宽度我们可以去自…

QT——Excel实现自绘区域选择边框

文章目录 一、自绘区域边框1.1、效果展示2.2、问题整理2.2.1、重绘单元格选择区2.2.2、选择区域的大小 一、自绘区域边框 1.1、效果展示 单选 多选 2.2、问题整理 2.2.1、重绘单元格选择区 误区: 继承QStyledItemDelegate重写paint,测试发现只能在单元格内绘制。 通过继…

图鸟UI框架在uni-app多端应用开发中的实践与应用

摘要: 随着移动互联网的蓬勃发展,跨平台应用开发已成为行业趋势。本文将探讨图鸟UI框架如何在uni-app开发环境下助力开发者高效构建多端应用,并通过具体案例展示其在实际项目中的应用效果。 一、引言 在移动应用开发领域,跨平台…

Java | Leetcode Java题解之第228题汇总区间

题目&#xff1a; 题解&#xff1a; class Solution {public List<String> summaryRanges(int[] nums) {List<String> ans new ArrayList<>();for (int i 0, j, n nums.length; i < n; i j 1) {j i;while (j 1 < n && nums[j 1] num…

性能飙升的艺术:SQL Server数据库优化的最佳实践

性能飙升的艺术&#xff1a;SQL Server数据库优化的最佳实践 在企业级应用中&#xff0c;数据库性能往往是决定应用响应速度和用户体验的关键因素。SQL Server作为业界领先的关系型数据库管理系统&#xff0c;提供了一系列的工具和策略来分析和优化数据库性能。本文将详细介绍…

Android 通用视频组件开发

背景 目前车机的多媒体App都是各自维护自己的UI视图及基础逻辑&#xff0c;会有不少重复代码。并且大多数媒体App都会和本地多媒体有交互&#xff0c;所有媒体App都会接入到MediaCenter&#xff0c;没有统一的接口会导致接入适配成本和维护成本比较高。所以希望能够抽出公共基…

分享一个项目模板electron+vue+ts+vite

分享一个项目模板electronvuetsvite GitHub - xiugou798/electron-vue-ts-vite-template: electron-vue-ts-vite-templateelectron-vue-ts-vite-template. Contribute to xiugou798/electron-vue-ts-vite-template development by creating an account on GitHub.https://gith…

linux之内存泄漏分析

内存泄漏通常是指程序中动态分配的内存没有被适时释放&#xff0c;导致这部分内存在程序的生命周期内一直无法被再次利用。内存泄漏不会直接导致程序崩溃&#xff0c;所以通常不会生成core dump文件。然而&#xff0c;如果程序因为其他原因崩溃&#xff0c;那么core dump文件可…

弱电工程质量保修期是多久?

弱电工程是电力工程的一个分类&#xff0c;弱电可以向人们提供照明用电和空调用电&#xff0c;为人们的生活带来了极大的便利。弱电工程作为一类工程项目存在质量保证问题&#xff0c;在施工完成后需要进行质量检修&#xff0c;施工队应该向业主提供一定的质量保修期&#xff0…

java 数据库连接池的种类和选型

文章目录 1.引言数据库连接池的重要性Java数据库连接池的基本概念连接池需要注意的问题 2.数据库连接池C3P0数据库连接池C3P0的基本介绍C3P0的使用示例 DBCP数据库连接池DBCP的基本介绍DBCP的使用示例 HikariCP数据库连接池&#xff08;广泛使用&#xff09;HikariCP的基本介绍…

LLM大模型应用中的安全对齐的简单理解

LLM大模型应用中的安全对齐的简单理解 随着人工智能技术的不断发展&#xff0c;大规模语言模型&#xff08;如GPT-4&#xff09;的应用越来越广泛。为了保证这些大模型在实际应用中的性能和安全性&#xff0c;安全对齐&#xff08;Safe Alignment&#xff09;成为一个重要的概…

CentOS 7 编译安装 sqlite3

1. 下载 sqlite3 源码 网址&#xff1a; https://www.sqlite.org/download.html [注]&#xff1a;可自行选择版本&#xff0c;也可与笔者保持一致。 wget https://www.sqlite.org/2024/sqlite-autoconf-3460000.tar.gz2. 解压编译并安装 解压源码包&#xff0c;并进入源码…