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

相关推荐
nvvas1 小时前
npm : 无法加载文件 D:\nvm\nodejs\npm.ps1,因为在此系统上禁止运行脚本问题解决
前端·npm·node.js
软件架构师-叶秋8 小时前
Vue3+tyepescript+ElementPlus+Axios前端技术栈
前端·vue3·elementplus
一只小阿乐10 小时前
vue3封装alert 提示组件 仿element-plus
前端·javascript·vue.js·vue3
Sheldon一蓑烟雨任平生1 天前
Vue3 KeepAlive(缓存组件实例)
vue.js·vue3·组件缓存·keepalive·缓存组件实例·onactivated·ondeactivated
Jonathan Star1 天前
在 React 生态中,有多个成熟的 虚拟列表 npm 库
react.js·arcgis·npm
学习3人组2 天前
清晰地说明 NVM、NPM 和 NRM 在 Node.js 开发过程中的作用
前端·npm·node.js
Sheldon一蓑烟雨任平生2 天前
Vue3 组件库 Element Plus
vue.js·vue3·element plus·element ui·vue3 常用组件库
晓得迷路了2 天前
栗子前端技术周刊第 105 期 - npm 安全性加强、Storybook 10、htmx 4.0 Alpha 1...
前端·javascript·npm
全栈前端老曹3 天前
【前端组件封装教程】第3节:Vue 3 Composition API 封装基础
前端·javascript·vue.js·vue3·组合式api·组件封装
香香爱编程3 天前
electron对于图片/视频无法加载的问题
前端·javascript·vue.js·chrome·vscode·electron·npm