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

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在这里插入图片描述

相关推荐

  1. vue3精通入门22:定义 Hooks

    2024-02-07 05:56:02       37 阅读
  2. Vue2Vue3定义指令写法

    2024-02-07 05:56:02       57 阅读
  3. vue3 开发中遇到问题

    2024-02-07 05:56:02       32 阅读
  4. vue3 遇到那些问题

    2024-02-07 05:56:02       28 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-07 05:56:02       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-07 05:56:02       101 阅读
  3. 在Django里面运行非项目文件

    2024-02-07 05:56:02       82 阅读
  4. Python语言-面向对象

    2024-02-07 05:56:02       91 阅读

热门阅读

  1. VOL_常用记录!!

    2024-02-07 05:56:02       47 阅读
  2. 嵌入式硬件工程师与嵌入式软件工程师

    2024-02-07 05:56:02       63 阅读
  3. Lua可变参数函数

    2024-02-07 05:56:02       55 阅读
  4. 【计算机视觉】浅谈计算机视觉中的Transformer

    2024-02-07 05:56:02       51 阅读
  5. ubuntu22.04@laptop OpenCV Get Started: 003_image_resizing

    2024-02-07 05:56:02       60 阅读
  6. mysql清空表数据后如何让自增ID仍从1开始

    2024-02-07 05:56:02       51 阅读