vue学习笔记 vue-cli4.5.13 创建项目报错

最新推荐文章于 2024-02-03 11:04:26 发布
最新推荐文章于 2024-02-03 11:04:26 发布
阅读量710 收藏 2
点赞数
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xjcwzp/article/details/118417515
版权

vue-cli 4.5.13
vue 3.0.0 或 vue 3.1.3
创建完项目后，运行报如下错误
reactivity.esm-bundler.js在这里插入图片描述
解决方法1：
https://download.csdn.net/download/m0_58006422/19987970
替换文件 reactivity.esm-bundler.js

替换后错误消失，具体怎么解决的，本人相关知识有限，看不明白

解决方法2：

升级vue到最新版本

npm install -g vue@next

升级cli到最新版本

npm install -g @vue/cli@next

在这里插入图片描述

运行成功

在这里插入图片描述

xjcwzp
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli最新版本4.5.13安装遇到的坑
元曦的博客
06-23 6318
小编看教程 使用npm install -g @vue/cli 由于之前有使用它安装失败的经验，使用 yarn安装yarn add gobal@vue/cli 安装完成后 使用vue -V查看版本号 提示“vue”不是内部或外部命令，也不是可运行的程序或批处理文件 我犯糊涂 又用npm安装了一次使用vue -V 再次查看版本号 结果报错类似这样（后悔不已） nternal/modules/cjs/loader.js:596 throw err; ^ 然后就想着把它先卸载再重装 结果 ...
创建vue-cli项目遇到的报错之一
newFuntion的博客
02-03 615
创建vue-cli项目时遇到的报错之一 node-v是查询是否安装了node.js版本 npm-version是查询是否安装了vue版本 如果创建vue-cli项目出现这样的提示，那么就要去找到vuerc文件夹（这是vue cli的配置文件），找到之后打开文件 把useTaobaoRegistry:false，改成true保存即可 这个现在是配置是不用淘宝镜像的，以前是不用的。 ...
reactivity.esm-bundler.js
07-02
vue新建项目出现问题 替换这个文件
Vue UI可视化页面修改为显示中文的问题
qq_45137726的博客
01-04 1593
vue cli中vue ui页面如何设置成为中文。
脚手架vue-cli创建vue项目时提示“Failed to check for updates”
最新发布
qq_58956810的博客
02-03 2352
通过一番搜索查找之后，发现出现这个提示是因为淘宝源证书过期的问题，而npm默认对淘宝源证书是严格检查的，然后我就重新安装了一下淘宝镜像。这句话的意思是：“由于git配置中缺少用户名和电子邮件，已跳过git提交，或者未能对提交进行签名。执行以下命令，给git配置用户名和email就不会出现这个警告了，用户名（username）和邮件（email)自己确定即可。由于npm默认对淘宝源证书是严格检查的，所以也可以关闭npm的证书检查，不过我没试过以下步骤，直接安装项目也成功了。”，项目过了十几二十几分创建不起。
如果遇到提示错误 reactivity.esm-bundler.js?a1e9:337 Set operation on key “default“ failed: target is readonl
weixin_43293835的博客
04-28 3473
async-validator控制台警告 解决方案如下: 1.找到util.js node_modules -> async-validator -> es -> util.js 将console.warn(type, errors)注释 2.如果没找到util.js node_modules -> async-validator -> dist-node 与 dist-web -> index.js 将console.warn(type, errors)注释 ...
Set operation on key “default“ failed: target is readonly.控制台报该警告的解决办法
Yukinoshita_kino的博客
05-25 2万+
一. 场景 vue3.0搭建的项目 二. 警告分析 点击reactivity.esm-bundler.js这一处后发现报警告处如下： 当不在production环境下就会报出该警告，我查看代码，对应的地方就是使用到了reactive方法和ref方法，目前我并没有看出有哪里写错，于是我决定找到该js文件然后注释该警告。 三. 解决办法 注意：VScode编译器中无法通过搜索找到该文件。reactivity.esm-bundler.js文件的位置如下： node_modules/@vue/reactivit
当创建vue-CLI的时候报错，解决问题
qq_49488146的博客
11-28 1552
当创建vue-CLI的时候报错，解决问题 1.在终端输入vue init webpack XXX(项目的名称) 如果报这个错误：vue-cli · Failed to download repo vuejs-templates/webpack: getaddrinfo ENOTFOUND github.com 2.则需要执行三个命令检查环境： 1.1 node -v 2.1 vue -v (没有显示版本，npm i vue-cli -g) 3.1 webpack-v(需要重新
安装vue-cli报错 -4058 的解决方法
08-29
主要介绍了安装vue-cli报错 -4058 的解决方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-quasar：Quasar Framework Vue CLI插件
02-03
如果您还没有使用vue-cli 3.x创建的项目： vue create my-app 导航到新创建的项目文件夹，然后添加cli插件。 在安装之前，请确保确认您当前的更改，以备日后还原。 cd my-app vue add quasar 它将询问您是否要该...
vue create . 创建vue项目出现Filed to check for updated解决办法
qq_53420511的博客
05-05 6115
当你在使用vue-cli创建项目时，出现了以下错误 Filed to check for updated,而检查。-v，vue -V，npm -version都没问题时，此时脚手架的版本出现了问题，可以通过升级来解决此问题。
脚手架创建Vue项目出现提示“Failed to check for updates”
Ghlys的博客
01-30 3928
脚手架创建Vue项目出现提示"Failed to check for updates”
Vue ui使用时报错no such file or directory
piaow_的博客
03-15 1126
在对应的路径D:\git-job\vue\node_modules@vue\cli-plugin-babel创建locales文件夹即可。在对应的路径D:\git-job\vue\node_modules@vue\cli-service创建locales文件夹即可。在安装好环境，启动vue ui 创建新的项目无问题，创建完项目后报以下错误，共同点创建项目时缺少所需的文件夹。
vue-cli 不能成功创建项目时
langhuage的博客
01-31 1688
原因： npm版本太低 1、先卸载nodejs 将C盘中：到AppData\Roaming\npm文件夹 ，将npm文件夹删掉 2、将C盘中：到AppData\Roaming\npm-cache 文件夹 ，将npm-cache文件夹删掉 3、重新下载nodejs 安装 再去安装npm install vue-cli -g 4、安装完成后，输入npm config list 5、在输入vue -V 就会出现版本号 ，就可以使用 vue init webpack 创建项目 ...
vue学习笔记 修改el-card样式
热门推荐
xjcwzp的专栏
09-13 3万+
<template> <div style="margin: 50px"> <el-card class="box-card"> <template #header> <div class="card-header"> <span>卡片名称</span> <el-button class="button" type="text">操作
vue-cli4.5.13版本中用了?.语法没报错
07-12
抱歉，之前的回答有误。在 Vue CLI 4.5.13 版本中，默认是支持可选链操作符（?.）的。Vue CLI 4.5.13 使用的是 Babel 7，并且默认包含了 `@babel/plugin-proposal-optional-chaining` 插件，该插件用于支持可选链操作符。 因此，在 Vue CLI 4.5.13 版本中，你可以在代码中使用 ?. 语法而不会报错。你无需手动进行额外的配置来启用可选链操作符支持。 请注意，如果你使用了其他版本的 Vue CLI 或自定义了 Babel 配置，那么可选链操作符可能需要手动配置才能生效。但在 Vue CLI 4.5.13 中，无需额外配置就可以直接使用可选链操作符。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值