自定义npm包从vue2升级到vue3遇到的问题解决

1.执行npm run build时报错:

(node:16724) UnhandledPromiseRejectionWarning: SyntaxError: Unexpected token '??='

at Loader.moduleStrategy (internal/modules/esm/translators.js:149:18

解决 :更新node版本

查看了我使用的node版本是14.21.3,更新到最新稳定版本20.11.0后重新运行build命令后,不再报错。

2.报错 Uncaught TypeError: Cannot read properties of null (reading 'isCE')

这个问题找了好久,一直不知道什么问题,网上有人说是因为有两个不同的vue包,但是我开发的是一个组件,实际并没有使用到vue,我的package.json文件是这样的,本身打包没有问题,但是在项目通过npm link 当前组件时就出现上诉问题。

解决:

https://github.com/vuejs/core/issues/4344找到了答案

在我开发的自定义包里面加入配置:(我用的是webpack)

typescript 复制代码
externals: [ "vue" ],
3.报错Module not found: Error: [CaseSensitivePathsPlugin] ...\node_modules\Vue\index.js' does not match the corresponding path on disk vue.

添加文件

4.保存时使用eslint规则时,组件的属性换行后缩进位置不对。

保存时,使用eslint规则进行格式化,但是缩进出现如下问题:

解决 :

在eslint的配置想extends中添加plugin:vue/vue3-recommended

相关推荐
一枚前端小能手5 小时前
📦 从npm到yarn到pnpm的演进之路 - 包管理器实现原理深度解析
前端·javascript·npm
scorpion_V1 天前
VScode 中执行 npm 报错的问题
ide·vscode·npm
FreeBuf_2 天前
攻击者利用Discord Webhook通过npm、PyPI和Ruby软件包构建隐蔽C2通道
前端·npm·ruby
程序铺子3 天前
如何使用 npm 安装 sqlite3 和 canvas 这些包
javascript·npm·node.js
gc_22993 天前
Ape.Volo项目启动前端项目时报错“digital envelope routines::unsupported”
npm
SHUIPING_YANG4 天前
完美迁移:将 nvm 和 npm 完全安装到 Windows D 盘
前端·windows·npm
问道飞鱼5 天前
【前端知识】npm依赖升级以及冲突解决
前端·arcgis·npm·升级·冲突解决
美酒没故事°5 天前
npm源管理器:nrm
前端·npm·npm源
三十_A5 天前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
孟陬5 天前
一个专业的前端如何在国内安装 `bun`
npm·github·bun