自定义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

相关推荐
x-cmd9 小时前
[250512] Node.js 24 发布:ClangCL 构建,升级 V8 引擎、集成 npm 11
前端·javascript·windows·npm·node.js
Johnstons1 天前
AnaTraf:深度解析网络性能分析(NPM)
前端·网络·安全·web安全·npm·网络流量监控·网络流量分析
极小狐1 天前
极狐GitLab 容器镜像仓库功能介绍
java·前端·数据库·npm·gitlab
小张快跑。1 天前
【Vue3】使用vite创建Vue3工程、Vue3基本语法讲解
前端·前端框架·vue3·vite
七冬与小糖2 天前
【本地搭建npm私服】使用Verdaccio
前端·npm·node.js
从味书2 天前
安装typescript时,npm install -g typescript报错
javascript·typescript·npm
亦世凡华、3 天前
前端npm包发布流程:从准备到上线的完整指南
前端·经验分享·npm·node.js·npm发包
巴巴_羊3 天前
yarn npm pnpm
前端·npm·node.js
Lysun0013 天前
(pnpm)引入 其他依赖失败,例如‘@element-plus/icons-vue‘失败
前端·javascript·npm·pnpm
halo14165 天前
vue中scss使用js的变量
javascript·vue3·scss