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

相关推荐
Irene199118 小时前
通用消息组件 bug 修复及更好的实现是使用函数调用组件
vue3·函数调用·通用消息组件
咔咔一顿操作1 天前
轻量无依赖!autoviwe 页面自适应组件实战:从安装到源码深度解析
javascript·arcgis·npm·css3·html5
aidou13142 天前
Visual Studio Code(VS Code)安装步骤
vscode·npm·node.js·环境变量
Irene19912 天前
Vuex4:专为 Vue 3 设计,提供完整 TypeScript 支持
vue3·vuex4
无法长大2 天前
如何判断项目需不需要用、能不能用Tailwind CSS
前端·css·vue.js·elementui·vue3·tailwind css
全栈小52 天前
【前端】win11操作系统安装完最新版本的NodeJs运行npm install报错,提示在此系统上禁止运行脚本
前端·npm·node.js
DevOps探索之旅3 天前
Hadess从入门到精通,如何详细管理Npm制品
npm·hadess·国产开源制品管理工具·一文上手
cui_win3 天前
企业级中后台开源解决方案汇总
开源·vue3·ts
一心赚狗粮的宇叔4 天前
VScode常用扩展包&Node.js安装及npm包安装
vscode·npm·node.js·web
Sapphire~4 天前
Vue3-19 hooks 前端数据和方法的封装
前端·vue3