vue3 脚手架@vue/cli4.5出现: Object(...) is not a function，history: createWebHashHistory()报错

最新推荐文章于 2024-06-27 19:36:26 发布
最新推荐文章于 2024-06-27 19:36:26 发布
阅读量2.7k 收藏 4
点赞数 1
分类专栏： web前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41408081/article/details/118786939
版权

vue.js

强中自有强中手，中看不中用，管你哪来头！

上菜：

 调料分析：由上述菜肴可知，history: createwebHashHistory() 来自原料 vue-router，原料需要更换新品测试

npm install vue-router --save
# + vue-router@3.5.2

# 升级修复
npm install vue-router@next
# + vue-router@4.0.10

升级后，重新煮菜，嗯，符合胃口！

搞定收工！

 

 

 

 

 

 

逸曦穆泽
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
【Vue3.0】报错 Object(...) is not a function，history: createWebHashHistory()
票票的博客
12-17 1345
引用hash模式运行项目报错，错误信息如下 import { createRouter, createWebHashHistory } from 'vue-router' import routes from './routes' const router = createRouter({ history: createWebHashHistory(), routes }) export default router 解决方法：升级 vue-router 版本 npm install vu
vue3学习笔记：vue-router（上）
weixin_55730337的博客
08-30 1272
假设我们要跳转 /user/:id 这个路由，在组件创建的时候会携带id这个参数发送到后端获取用户的详细数据。那么，一旦满足这个匹配规则就会发送一次请求到后端。但是我们心知肚明，我们的id是一个纯数字，如果路径变成了 /user/李四 ，我们就应该知道这是一个错误的路径。这种情况我们可以给参数设置一个正则表达式，只有满足正则表达式的路径参数才能够访问到正确的组件。给参数设置正则表达式。routes: [//只匹配纯数字的路径参数},//匹配所有内容})
createWebHistory和createWebHashHistory的区别
最新发布
weixin_52379706的博客
06-27 739
vue中常用的两种路由模式：hash路由模式和history路由模式。
官方的js路由router
weixin_40945354的博客
02-09 1069
// 1. 定义路由组件. // 也可以从其他文件导入 const Home = { template: '<div>Home</div>' } const About = { template: '<div>About</div>' } // 2. 定义一些路由 // 每个路由都需要映射到一个组件。 // 我们后面再讨论嵌套路由。 const routes = [ { path: '/', component: HelloWorld }, { pa
Vue-router错误
m0_64165157的博客
11-06 140
用到Vue-router组件的时候先是报了VueRouter not a contructer的错误。最后发现是vue.js的引用要放在Vue-router的前面，这样才会自动安装Vue-router。换了一个更低版本的Vue-router.js后解决，但还是报了以下错误。
Vue3 + Vite 实现项目搭建
大家好，我是+V
07-02 8355
创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用 vite 创建，为什么使用 vite 呢？因为快！贼快！vite 官网：https://cn.vitejs.dev/安装 vite 构建工具： Vite 创建 vue3 项目 创建一个项目名称为 的项目： 项目创建完成的目录结构就是这个样子的。 然后进入文件夹，安装依赖，启动就可以了。然后使用 Vite 创建的项目真的厉害，秒开，不用打包直接启动。安
Vue3路由配置createRouter、createWebHistory、useRouter,useRoute
qq_62528974的博客
12-26 2999
Vue3和基本差不多，只不过需要将从中引入，再进行使用。
Vue3--router路由快速上手
韦_恩的博客
05-18 390
createWebHistory-->创建history模式路由【常用】 createWebHashHistory-->创建hash模式路由 createMemoryHistory-->创建内存模式路由【使用频率不高，因为地址会固定到内存中，当刷新页面时会找不到】 createRouter-->创建路由对象 目录 1.路由4步入门： 2.总结： 1.路由4步入门： ①引入对象 import {createRouter,createWebHistory} fr..
Vue 报错TypeError: this.$set is not a function 的解决方法
10-17
然而，当你遇到`TypeError: this.$set is not a function`的错误时，通常是因为`this`上下文没有正确指向Vue实例。下面我们将深入探讨这个问题及其解决方案。 ### 报错场景 在开发过程中，你可能在尝试将API获取的...
详解Vue.js搭建路由报错 router.map is not a function
10-19
因此，如果你在尝试使用Vue Router 2.x或更高版本时，仍然按照旧的方式使用`router.map`，就会出现"router.map is not a function"的错误提示。 **解决方法1：降级Vue Router版本** 一种解决方案是将Vue Router版本...
cesium vue3脚手架：cesium@1.103.0+vue3+view-ui-plus
08-02
项目采用vite构建，将cesium 1.103.0集成到vue3框架中，实现vue3版本的cesium脚手架, 前端ui采用view-ui-plus@1.3.14版本。 ## 项目安装 ``` 1.进入项目根目录 2.执行依赖安装： npm install 3.启动服务：npm run ...
Vue官方脚手架工具@vue/cli入门
01-08
什么是脚手架工具？ 其实就是用来快速搭建项目的工具。 使用@vue/cli 全局安装@vue/cli npm install @vue/cli -g 全局安装完成之后，提供了一个 vue 的命令。使用 vue -V 来查看一下脚手架版本 在要创建项目的...
vite+Vue3 createWebHistory 路由前缀配置
拿回忆下酒
06-08 2448
作为前端最火的前端框架之一，大家在使用的过程中必不可少需要使用(路由)。路由有和两种，本期主要针对下使用和配置，进行简单介绍。
Uncaught TypeError: vue_router__WEBPACK_IMPORTED_MODULE_1__.default is not a constructor(vue 报错)
DongShanYuXiao的博客
03-10 7701
使用webpack构建Vue单页面应用项目，项目运行时，浏览器报“Uncaught TypeError: WEBPACK_IMPORTED_MODULE_2__router.a is not a constructor”，组件中的内容也不能正常显示，to animal也不能正常出现标签的效果。因为./表示当前src目录，目录下并没有router文件，所以webpack会找不到，所以会报错。
vue3的使用及其新特性
samscat的博客
01-06 965
1. 应用创建 vue2: new Vue({ el: '#app', router, store, render: h => h(App) }) vue3: createApp(App) .use(router) .use(vuex) .use(ElementPlus) .mount('#app') 2. router的使用 vue2: // router.js import Vue from 'vue' import Router from
【vue3】vue3中路由hash与History的设置
amoureux555的博客
10-27 909
vue3中路由hash与History的设置
webpack4搭建Vue开发环境笔记~~持续更新
weixin_30815469的博客
12-15 153
项目git地址 一、node知识 __dirname: 获取当前文件所在路径，等同于path.dirname(__filename) console.log(__dirname); // Prints: /Users/mjr console.log(path.dirname(__filename)); // Prints: /Users/mjr path.resolve([..paths]): ...
vue 项目运行过程中出现错误的问题解决
宁波阿成的博客
04-20 660
vue 项目运行过程中出现错误的问题解决 errors and 0 warnings potentially fixable with the--fixoption. 的错误
Vue 3.0 遇到的问题
White feathe 的博客
11-19 5560
Vue3.0 安装 npm i vue@next vue-loader@next npm install vue-router@next npm i webpack webpack-cli webpack-dev-server --save-dev typescript安装依赖 npm install ts-loader --save-dev npm install typescript --save-dev npm install @vue/babel-plugin-jsx -D npm i @babe
vue报错：TypeError: Object(...) is not a function
05-18
这个错误通常是因为你的代码中使用了一个不是函数的对象。可能的原因包括： 1. 你尝试调用一个未定义的函数。 2. 你的代码中导入的模块没有正确导出函数。 3. 你的代码中使用了一个非函数的对象，例如将一个对象当作函数来调用。 解决方案： 1. 确保你的代码中所有用到的函数都已经定义。 2. 检查你导入的模块是否正确导出了函数。 3. 检查你的代码中是否存在将对象当作函数来调用的情况，如果有，修改为正确的调用方式。 如果以上方法都没有解决问题，可以在控制台中查看报错信息的具体位置，从而更好地定位问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

逸曦穆泽

您的鼓励是我的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值