vue2项目实现动态路由 component报错

最新推荐文章于 2024-07-04 16:37:43 发布
最新推荐文章于 2024-07-04 16:37:43 发布
阅读量422 收藏
点赞数
文章标签： 前端 javascript 开发语言 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_76607997/article/details/130974686
版权

 

使用动态路由的时候 component这个属性 报错 找不到模块 地址明明看着一模一样 但是就是找不到 写死就没问题！ 个人理解 可能是数据库和前端底层有关系

后端存的地址 不能包括@/views/ 

  返回的地址 @/views/deviceManagement/workshop这样错误 出不来

   /deviceManagement/workshop这样错误 出不来

deviceManagement/workshop这样正确 反正开头不能带斜线 我不知道为什么 有知道的感谢评论

k.component = deviceManagement/workshop

component: () => import(`@/views/${k.component}`),

0716*_zwj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue-router 里 import 动态导入模块报错
m0_63476377的博客
11-23 2323
router 里 import 报错 如果没有安装babel-plugin-syntax-dynamic-import插件，并在.babelrc中引入此插件，那么就会报错。这是 webpack 动态导入模块的设置。 参考： Vue-router 里 import 动态导入模块报错_learning_H的博客-CSDN博客_vue路由import引入报错 -------------------------------------------------------------------.
vue 动态路由
01-20
1.新建路由 User.vue 这是用户信息界面 {{$route.params.userId}} export default { name: User } 2.配置路由映射 { path: '/user/:userId', component: () => import(/* webpackChunkName: about */ '.....
vue3警告：Component inside ＜Transition＞ renders non-element root node that cannot be animated
weixin_40837048的博客
08-02 1187
vue3警告：Component inside ＜Transition＞ renders non-element root node that cannot be animated 的解决方法
vue动态切换组件component
jwq
03-29 603
vue动态切换组件component index.vue <template> <div> <button @click="change('test')">动态更改组件</button> <component :is="item"></component> <!--这个is绑定的是注册的组件名 --> </div> </template> <sc
vue路由器警告：未找到路径为“/xxx”的位置匹配
weixin_64916164的博客
04-20 384
例如： 在路由未能正确匹配路径，可能会导致页面跳转时出现白屏现象。
vue3中使用component动态组件常见问题
不负韶华梦为马
08-13 696
vue3中使用component动态组件常见问题。
动态菜单组合路由component时一堆问题
02-16 360
使用require时，一定要用模板字符串方式，而且前面一定要有@/来链接，所以数据库就不用@/了，或者用 substring(2)截取前面两个字符在拼接。2 另外如果返回json中直接使用component字段，就不能用匿名函数来赋值，需要通过调用方法。ps： 若依使用import就没问题，网上很多案例试用import都正常的。不知道我为啥不正常。1 以下写法都是有问题，要么报找不到模块，或者画面空白，使用import（） 就怎么都不行。
vue-element-admin 动态路由 使用import报错
yuangegena_Blog
04-25 1135
总体思路是路由映射 /** * 替换route中component * 需要遍历路由表 将后端返回的component替换为本地的路由表 * componentMap ==== 本地路由映射表 */ function replaceComponent(comp) { if(comp.component && typeof(comp.component) == 'string') { comp.component = componentMap[comp.component]
vue 动态路由component 传递变量报错问题解决
qq_17189095的博客
07-19 224
如果动态参数，以下三种都会报错，页面空白。name为组件页面地址。
Vue使用require创建动态路由，无法根据变量require component
qq_43144781的博客
12-08 693
Error: Cannot find module '@/views/bpm/redirect/RedirectTab.vue' at webpackEmptyContext (eval at ./src/router sync recursive (81.js:10:1), :2:10) at eval (index.js:134:1)
解决vue动态路由异步加载import组件,加载不到module的问题
10-15
主要介绍了解决vue动态路由异步加载import组件,加载不到module的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
解决vue的router组件component在import时不能使用变量问题
10-15
总的来说，解决Vue Router组件`component`在`import`时不能使用变量的问题，主要是通过动态导入和字符串模板来实现。理解这些技术可以帮助我们更好地优化Vue应用的路由加载，提高用户体验，同时保持代码的灵活性和可...
vue-router 按需加载 component: () = import() 报错的解决
01-18
vue的单页面（SPA）项目,必然涉及路由按需的问题。 以前我们是这么做的 //require.ensure是webpack里面的，这样做会将单独拉出来作为一个chunk文件 const Login = r => require.ensure( [], () => r (require(‘../...
iView-admin 动态路由问题的解决方法
10-17
然而，当使用`this.$router.push({name: name})`进行跳转时，由于`name`中未包含客户ID，导致路由解析失败，控制台报错`[vue-router] Route with name 'customer/detail/:id' does not exist`。 解决方法是改变路由...
vue动态路由添加不成功
weixin_47979438的博客
01-07 2165
动态路由添加 根据权限动态加载路由
动态路由
fxinn的博客
12-28 115
关键词： component:resolve=>require(['xxx'],resolve), 动态路由的使用，为何抛弃import
Vue3功能实战 —— 动态路由、路由签权、动态组件 使用示例
技术前端，忠于热爱 @0.活在风浪里
07-09 3443
Vue3 动态路由、动态组件使用示例
Vuex 核心揭秘：打造高效前端状态库
a3098448071的博客
07-03 1059
状态（State）类似于 Vue 组件的data属性，用于存储组件的响应式数据。在 Vuex 中，state用于存储整个应用的全局状态。Getters类似于 Vue 组件的computed计算属性，它们用于从其他数据派生出新的数据。在 Vuex 中，getters用于从state中派生出一些状态，这些状态可以根据state的变化而缓存或重新计算。Mutations类似于 Vue 组件的methods中的方法，用于改变组件的data。在 Vuex 中，mutations用于改变state。
WHAT - NextJS 的路由系统和 react-router-dom
最新发布
weixin_58540586的博客
07-04 843
不，Next.js 的路由系统并不基于。Next.js 本身内置了自己的路由系统，并且在其生命周期和工作方式上与有所不同。
vue动态使用import路由懒加载报错解决方法
07-24
2. 文件命名错误：Vue路由的懒加载是根据文件的命名约定来识别动态组件的，所以要确保动态组件的文件名符合约定。一般来说，文件名应该以大驼峰或者小驼峰命名，并且应该以`.vue`为后缀。 3. 缺少babel插件：在使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值