Vue3+TS项目main.ts中报错Argument of type ‘Router‘ is not assignable to parameter of type ‘Plugin_2‘.

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

报错如下：
Argument of type ‘Router’ is not assignable to parameter of type ‘Plugin_2’.
Type ‘Router’ is not assignable to type ‘{ install: PluginInstallFunction; }’.
Types of property ‘install’ are incompatible.
Type ‘(app: App) => void’ is not assignable to type ‘PluginInstallFunction’.
Types of parameters ‘app’ and ‘app’ are incompatible.
Type ‘App’ has no properties in common with type ‘App’
大意是“类型Router的参数不能给类型Plugin_2的参数“
”类型Router不能分配给类型’{ install: PluginInstallFunction; }”
在这里插入图片描述

升级element-plus之前都没问题，理所当然认为是element-plus版本不兼容问题，当前element-plus版本是2.2.4，之前是2.2.0，于是卸载当前element-plus，安装2.2.0版本的element-plus，就没问题了

qq_44723175
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3.x+vite+ts+vue-router@4.x 路由使用demo
07-24
vue3.x+vite+ts+vue-router@4.x 路由使用demo，可供学习使用，也可在此基础上写项目
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
vue3 ts typescript 路由报错 is not assignable to parameter type RouterOptions
最新发布
zbailing的博客
05-21 319
import type {RouterOptions} from 'vue-router' 导入RouterOptions后。用 as RouterOptions 做类型断言。
TypeScript + vue3.0项目实战中遇到的问题及解决方案
BMG-Princess
07-20 5196
系列文章目录 TypeScript介绍 ts中的数据类型 1.为 ref() 标志类型 2.为 reactive() 标注类型 3.为事件处理器标注类型 typescript 特点 TS的局限 什么时候用泛型 类型定义在哪？ vue3中使用TypeScript 前提 问题 1.需要说明类型 2.引用报错 3.(0 , import_vite.transformWithEsbuild) is not a function 4.ts报错类型“string | null”的参数..................
类型“Router 的参数不能赋给类型“Plugin_2”的参数，不能将类型“Router分配给类型“{ install: PluginInstallFunction}‘‘
weixin_44484813的博客
06-07 5772
在写vue3+ts+elementPlus项目时，写着写着store和router莫名报错我这个项目升级vue版本或者是elementPlus版本都不好使试着将router和store设置为any之后，解决了... 但这应该不是最佳解决方案，如果有更好的解决方案可以在评论里一起讨论。...
Argument of type ‘typeof import(““)‘ is not assignable to parameter of type ‘Plugin_2‘
weixin_41995297的博客
09-29 4646
报这个错就是我项目是vue3的版本，但是element-ui的版本不适用与vue3，基于vue3.x版本的 element-plus 已经出来了。 npm i element-plus 为了方便，直接采取全部引入的方式 import ElementPlus from 'element-plus' import 'element-plus/lib/theme-chalk/index.css' export default (app: any) => { app.use(ElementPlus.
Vue-router报错Argument of type ... is not assignable to parameter of type 'RouterOptions'的解决方案
热门推荐
HermitSun的博客
08-16 4万+
这个问题说起来也奇怪，之前一直用得好好的，打包的时候突然router就报错了。报错信息很长，其中最主要的就是这一段： Argument of type '{...（中间一大段代码略过）}' is not assignable to parameter of type 'RouterOptions'. Types of property 'routes' are incompatible. ...
vue + ts 错误排除 Argument of type ‘XXX‘ is not assignable to parameter of type ‘Vue‘.
c_liufeng的博客
01-07 1万+
错误： 大量出现这种错误，一般由于你重写了mixins中的方法，而你使用private 进行重写导致错误出现。 解决方法： private（私有） 变成 public（公共）
Argument of type ‘‘ is not assignable to parameter of type ‘never‘.
survivorsfyh的博客
01-04 4万+
简而言之，言而简之，记录一下日常开发中遇到的问题； 在创建初始化数组后向数组中 push 数据的时候抛出了如下异常： Argument of type '{}' is not assignable to parameter of type 'never'. ts 语法上的一些规范，规范强个人感觉还是很不错的，更加规规矩矩，初始化的时候完善一下定义类型就行了，具体 code 如下； // 问题的写法 const dataSource = []; // 完善后的写法 const dataSourc
vue2，3+js+ts的three.js 项目，一共四个项目 ，厂房，机台，楼层显示
07-17
在本项目中，我们主要探讨的是使用Vue2和Vue3框架，JavaScript，TypeScript以及Three.js库构建的四个可视化项目，分别涉及厂房、机台、楼层的显示。这些项目展示了如何将前端技术与3D图形渲染相结合，为工业场景提供...
vue3+ts实战项目组件工具库.zip
03-03
Vue3+TS实战项目组件工具库是一个以Vue3和TypeScript为核心技术的开发资源，旨在帮助开发者构建高效、可复用且类型安全的前端应用。这个压缩包包含了一个名为"visualization-master"的项目，可能是一个专门用于数据...
vue3+ts+vite+router+vuex+api请求封装
12-29
Vue3+TS+Vite+Router+Vuex+API请求封装是现代前端开发中的一个典型组合，用于构建高效、可维护的后台管理系统。这个脚手架提供了完整的开发环境配置和基础架构，使得开发者能够快速搭建后台应用。下面将详细介绍这个...
vue+cli+ts项目实战.rar
04-02
《Vue+CLI+TS项目实战解析》 Vue.js 是一款流行的前端框架，以其简洁的API和高效的性能赢得了开发者们的喜爱。Vue CLI（命令行界面工具）则是官方提供的一个强大脚手架，它使得构建Vue项目变得简单快捷。在这个...
Type ‘() =＞ Promise＜typeof import(“/Users/982471938qq.com/jy-vue3-cms/src/views/login/login.vue“)＞‘
weixin_51614564的博客
04-02 2893
以上报错，一开始以为我的代码写错了，然后仔细的检查了，确定了代码格式代码的书写都没问题，我就翻译下报错原因，不能将类型分配给RouteParamValueRaw，并且缺少pop, push, concat, join属性，还是没太懂，突然我的鼠标不小心移到了routes 上，才恍然大悟类型写错了，不难理解，我们可以通过createRouter 进入源码查看： 官方就希望我们传入一个routes是RouteRecordRaw[] 的类型 好修改以后项目就能正常启动了。 ...
VUE 3+TS “类型“DefineComponent＜{}, {}, any＞”的参数不能赋给类型“Plugin_2”的参数
weixin_44821114的博客
09-18 1609
VUE 3+TS "类型“DefineComponent”的参数不能赋给类型“Plugin_2”的参数，不能将类型“DefineComponent”分配给类型“{ install: PluginInstallFunction; }”
Vue-router常见错误
m0_52410356的博客
07-01 2071
Vue错误
已解决：Argument type is not assignable to parameter type RouterOptions
Kary Kwok
05-12 4478
这个错误通常表示传递给createRouter函数的参数类型与RouterOptions类型不兼容。createRouter函数需要接受一个RouterOptions对象作为参数，该对象包含routes和history选项。如果传递的参数类型与此不匹配，就会发生这种类型的错误。在这里，我们使用as语法将对象类型强制转换为RouterOptions类型，以确保传递的参数与createRouter函数所需的参数类型匹配。在创建createRouter实例时，确保传递的参数类型为RouterOptions对象。
vue3+ts+vite .scss
06-03
在 Vue3 + TypeScript + Vite 项目中使用 SCSS 预处理器，你需要遵循以下步骤： 1. 在项目中安装 `sass` 和 `sass-loader`： ``` npm install sass sass-loader --save-dev ``` 2. 确保你的 `tsconfig.json` 中开启了 `"experimentalDecorators": true` 和 `"emitDecoratorMetadata": true` 选项。 3. 在 `vite.config.ts` 中配置 `sass-loader`： ```typescript import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; import path from 'path'; export default defineConfig({ plugins: [vue()], resolve: { alias: { '@': path.resolve(__dirname, 'src') } }, css: { preprocessorOptions: { scss: { additionalData: `@import "@/styles/main.scss";` } } } }); ``` 在这个例子中，我们将 `main.scss` 文件导入到所有的 SCSS 文件中。 4. 创建一个 `main.scss` 文件，并在其中包含您的 SCSS 样式。 ```scss // Variables $primary-color: #007bff; $secondary-color: #6c757d; // Mixins @mixin button-variant($background-color) { background-color: $background-color; color: white; border: none; border-radius: 4px; padding: 10px 20px; cursor: pointer; transition: background-color 0.3s ease; &:hover { background-color: lighten($background-color, 10%); } &:active { background-color: darken($background-color, 10%); } } // Styles .primary-button { @include button-variant($primary-color); } .secondary-button { @include button-variant($secondary-color); } ``` 5. 在组件中使用您的 SCSS 样式。 ```vue <template> <div> <button class="primary-button">Primary Button</button> <button class="secondary-button">Secondary Button</button> </div> </template> <script lang="ts"> import { defineComponent } from 'vue'; export default defineComponent({ name: 'MyComponent' }); </script> <style lang="scss"> /* Additional styles for this component */ </style> ``` 这样，您就可以在 Vue3 + TypeScript + Vite 项目中使用 SCSS 预处理器，并为每个组件编写自己的样式。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值