Vue2工程启动报错：NumberInfo.vue Cannot set properties of undefined (setting 'parent')

Neil223
82 阅读1分钟

最初是一个干净的vue工程

image.png

  • 让我们来安装它

    image.png

安装完成后，我们发现：vue 版本是2.7.16，Vue-template-compiler 版本也是：2.7.16

image.png

image.png

  • 试着启动它

    image.png

不出所料的报了错

image.png

那么怎么解决呢，经过不断试验，发现锁定vue与vue-template-compiler的版本，能够解决这一问题，也就是它们的版本前不要加"^"来修饰，但是原因不大清楚，可能是版本有冲突吧，但是我在试验时它们的版本是统一的，又解释不通，后续关注一下什么原因吧

让我们锁定版本来再次操作一下

  • 首先删除掉node_modules文件夹和pnpm-lock.yaml文件

  • 修改package.json中vue与vue-template-compiler版本为固定2.6.10，也就是去掉前面修饰的"^"符号 image.png

  • 重新安装

    image.png

  • 安装完成，启动它

    image.png

  • OK，成功启动，问题解决

    image.png

avatar
文章
阅读
粉丝