使用vue/cli出现defineConfig is not function 错误

最新推荐文章于 2024-01-26 14:43:15 发布
最新推荐文章于 2024-01-26 14:43:15 发布
阅读量8.9k 收藏 3
点赞数 1
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_65821658/article/details/128142808
版权

 原因是vue3语法，vue/cli版本太低不支持；需要升级vue/cli版本

然后使用

npm install -g @vue/cli
# OR
yarn global add @vue/cli

 安装新的包或是升级

npm update -g @vue/cli

# 或者
yarn global upgrade --latest @vue/cli

 然后查询vue/cli的版本都没有变

vue --version

 npm list -g查看全局配置后，发现vue/cli安装在\Users\Administrator\AppData\Roaming\npm目录

 和我node配置的环境变量路径不同

D:\node\node_global\node_modules

解决办法：将\Users\Administrator\AppData\Roaming\npm目录下文件复制到D:\node\node_global\目录下->替换

然后新建项目，版本问题就解决了

小筱飞
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
基于Vue-cli快速搭建项目的完整步骤
12-09
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用vue-cli时，首先需要安装nodejs，npm，其次需全局安装vue和vue-cli 　　1、nodejs和npm安装方法详见：https://www.jb51.net/article/90518.htm 　　2、npm install -g vue 　　3、npm install -g vue-cli 二、vue-cli快速搭建项目 安装完成后，同时在
vue.config.js
06-18
配置vue-cli3.0 config.js文件，普通配置，需要配合环境文件进行设置，请仔细查看，当前这个配置比较基础，一般有开发经验的朋友应该能看懂哦，谢谢，下面是环境文件
解决TypeError: defineConfig is not a function报错问题
weixin_42247414的博客
11-14 4784
TypeError: defineConfig is not a function
运行vue项目时报错defineConfig is not a function
jieyucx的博客
06-01 4496
然后一直yes，也就是敲回车，一直等他跑完就行了。项目根目录下运行如下命令。
TypeError: defineConfig is not a function
文龙刚的博客
01-10 7869
TypeError: defineConfig is not a function
[前端bug词典]TypeError: defineConfig is not a function
热门推荐
belloc_li的博客
04-08 1万+
前端强者之路-——bug收集
defineConfig isnot a function错误
Geroge14的博客
06-26 1780
1、打开终端cd vue 文件夹。最后重启应该可以解决。
VUE3 TypeError: defineConfig is not a function
craftsman2020的博客
11-07 3143
原因：由于用vue-cli直接创建了vue 3的项目，而里面的生态并非都是最新版，vue.config.js中的代码如下，使用了vue 3的语法。，一直yes，即可解决。
后台管理系统开发缺陷日志
guoshturing的博客
03-04 6933
1. 错误：TypeError: defineConfig is not a function 2. 原因：由于用vue-cli直接创建了vue 3的项目，而里面的生态并非都是最新版，vue.config.js中的代码如下，使用了vue 3的语法： 3. 经查vue3文档，发现告知将通过vue upgrade将vue/cli-service升级到最新版本，于是照做： 4. 问题得以解决 ...
使用@vue/cli脚手架vue create创建
最新发布
04-10
使用@vue/cli脚手架vue create创建
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：https://github.com/Aleczhang1992/my-vue-project/tree/dev 一、步骤 1.要求已安装Node.js (>=4.x, 6.x preferred) and Git. 可以设置cnpm可以提升依赖包下载速度： npm install -g cnpm --registry=https://registry.npm.taobao.or
Vue官方脚手架工具@vue/cli入门
01-08
什么是脚手架工具？ 其实就是用来快速搭建项目的工具。 使用@vue/cli 全局安装@vue/cli npm install @vue/cli -g 全局安装完成之后，提供了一个 vue 的命令。使用 vue -V 来查看一下脚手架版本 在要创建项目的文件夹下使用 vue 命令创建一个项目，并选择配置。（注意，不要使用 git bash 来操作，git bash 不能上下键） vue create 项目名字 配置：可以通过上下键来控制，选择自己需要的。 脚手架创建的项目的基本文件介绍（默认配置） node_modules 项目依赖包 public 静态资源文件夹。（这里存放的是不需要被构
详解@Vue/Cli 3 Invalid Host header 错误解决办法
12-09
我的host设置 报错如下： 解决办法： @Vue/Cli 3 在vue.config.js里加上 .disableHostCheck(true) vue-cli 在webpack.dev.conf.js里加上 devServer: { disableHostCheck: true } 最后
vue前端编译报错解决方法
jinkunqingning的博客
01-26 5455
你会发现问题解决了，再次编译也通过了，并且输入npm run serve也可以跑起来了，但是你又发现了，停掉之后，再跑一遍，又报错了，你再输一遍，就又可以了。首先他报的是一个：defineConfig is not a function，检查你的vue.config.js文件，看是不是格式不正确才导致的报错。然后你就发现idea弹窗提醒了，不必理会，直接npm install或者yarn install重新编译即可。如果确实是正确的，格式一模一样，那就看是不是node.js和npm的版本问题。
Error loading vue.config.js: ERROR TypeError: defineConfig is not a function解决方法
xzwnp的博客
09-27 1万+
Error loading vue.config.js: ERROR TypeError: defineConfig is not a function
处理vue3+vite报错：vite.defineConfig is not a function
m0_61075213的博客
05-17 2240
配置完，会报错：TypeError: vite.createFilter is not a function。原因：vite插件与vite版本不一致。安装最新的vue cli。
使用vue/cli-plugin-babel 将es6转换成es5
09-04
使用vue/cli-plugin-babel 插件可以将ES6代码转换为ES5代码。vue/cli-plugin-babel 是一个用于Vue.js项目的Babel插件，它可以根据项目配置文件中的设置，自动将ES6代码转换为ES5，以便在不支持ES6的浏览器中运行。 首先，需要安装 vue/cli-plugin-babel 插件。可以使用npm或yarn安装，命令如下： npm install @vue/cli-plugin-babel --save-dev 或 yarn add @vue/cli-plugin-babel --dev 安装完成后，我们需要在项目的配置文件vue.config.js中进行一些设置，以便告诉Babel如何转换代码。可以在配置文件中添加以下内容： module.exports = { // 其他配置项 transpileDependencies: [ /\/node_modules\/vue-authenticate\// // 需要转换的依赖包，可以根据需求添加或修改 ] } 在以上配置中，我们可以使用transpileDependencies选项指定需要转换的依赖包。上述示例中，我指定了vue-authenticate这个依赖包需要进行转换。 完成配置后，运行vue-cli编译命令（如vue-cli-service build）时，vue/cli-plugin-babel插件将自动根据配置文件进行代码转换。转换的结果将保存在dist目录中，可以直接部署在浏览器中运行。 使用vue/cli-plugin-babel 插件可以方便地将项目中的ES6代码转换为ES5代码，以兼容不支持ES6语法的浏览器环境。同时，空间复杂度和时间复杂度相对较小，非常方便和高效。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值