require动态加载组件问题

path: '/menutt',
name: '资源管理',
leaf:false,
component: 'pages/test/Readme'
上面是参数
let menu = Object.assign({},item)
let reqUrl=../components/${menu.component}.vue;
menu.component =resolve => require([reqUrl], resolve)
图片说明

请前端各路大将指点一下

1

2个回答

是不是你 . 的后面没那个属性?

0
a493671678
很懒的冰箱 回复安德拉的温柔: let reqUrl=后面不用加引号吗?
一年多之前 回复
u013681954
安德拉的温柔 有那个属性 并且console输出是地址是正确的,只是放到require里面时,无效 直接这样放 let reqUrl=../components/pages/test/Readme.vue; 正确 @a493671678
一年多之前 回复

我觉得require引入的是一个模块,你现在的reqUrl是模块里的属性吧,所以才会出现这个错。可以把后面的vue去掉试试看看对不对。。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
加载动态组件组
React项目需要根据后端返回加载不同的组件。 异步组件加载 AsyncComponent.js import React, { Component } from "react"; export default function asyncComponent(importComponent) { class AsyncComponent extends Component { ...
react---react router4.0路由中如何异步动态加载组件,webpack使用require.ensure()生成异步chunk
1、bundle.jsimport {Component} from 'react'; export default class Bundle extends Component { constructor(props) { super(props); this.state = { mod: null }; } load = prop
JS 组件动态加载CSS文件
document.currentScript   返回其所包含的脚本中正在被执行的 ;  值得注意的是,如果当前正在执行的代码是处在某个回调函数或者事件处理函数中的,那么 currentScript 属性不会指向包含那个函数的 <script> 元素,而是会返回 null var curScriptElement = document.currentScript;   Chrome...
nodejs 动态加载模块 _compile
通过如下代码 ,使用 Module 的私有函数_compile ,可以动态的加载一个模块var Module = module.constructor; var m = new Module(); var code = 'module.exports = function () {console.log("abc");}'; m._compile(code, 'first.js'); var a
React开发中使用require.ensure()按需加载ES6组件
首先介绍下动态加载函数:require.ensure([], (require)=>{ let A = require('./a.js').default; })如果想要动态加载出es6代码组件,直接require一个es6风格的组件是不行的,因为一般的语言编译工具(如babel),不支持直接require一个es6风格的组件。那么有种办法可以解决:在es6方式书写的组件底部增加一句:mod
浅谈vue 动态加载、注册组件
在大型项目中,vue组件是灵活复用的,需要从后台获取组件,加载注册渲染到页面,在项目遇到这个问题很久,没有得到解决,收集各方资料,整合一下栗子:下面这个数组,我们是从后台获取到的数据,其中有component属性,这就是存在后台的组件名字,this.layout是一个随时变化的数组,开始并不知道 它有多少组件,没法实现提前注册,变需要使用动态加载注册;this.layout=[
Vue动态加载组件的四种方式
动态加载组件的四种方式: 1、使用import导入组件,可以获取到组件 var name = 'system'; var myComponent =() => import('../components/' + name + '.vue'); var route={ name:name, component:myComponent }...
Vue加载组件、动态加载组件的几种方式
组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。这篇文章通过实例代码给大家介绍了Vue加载组件、动态加载组件的几种方式,需要的朋友参考下吧 什么是组件: 组件是Vue.js最强大的功能之一。组件可以扩展HTML元素,封装可重用的代码。在较高层面上,组件是自定义的元素,Vue.js的编译器为它添加特殊功能。在有些情况下,组件也可以是原生HTML元素的形式,以is特...
Echarts封装案例
Echarts封装案例,require动态加载模块。Echarts封装案例,require动态加载模块。
如何加载并执行远程vue模块
为何需要远程加载vue组件?正常使用vue开发单页web app的时候不会遇到这种需求。不过当开发的产品作为一个服务平台,并允许第三方开发者在平台上发布自己的应用;或者需要在应用中加入插件机制方便扩展,但是又不想使用[iframe嵌入]这种low到没朋友的方式实现的话,就需要考虑是不是可以将远程模块xiu的一下抓过来执行了~如何远程加载?使用vue开发的项目大多会用webpack配合进行编译,而we
vue+webpack实现异步组件加载
本来很简单的事情折腾好久。 1.vue文档只给出了Vue.component('comp_name',function(resolve,reject){})在回调里ajax加载组件定义内容的例子,但现在习惯.vue文件写组件,在点击路由获取.vue的时候怎么弄呢? 2.webpack的coding-split支持commonjs/amd语法,即有不同的实现。网上查了n多案例乱七八糟的,最后终于弄
webpack引用动态资源路径错误的解决方案
问题:打包的项目为根目录引用时(ip:端口/index),如果资源通过js动态加载。会导致路径引用错误需求:项目需要挂载在主站的次级目录(如:*/marketing/)解决方法把项目打包为相对路径; 通过配置vue-router,打包部署包时加上路由前缀(如:/marketing/路由A); fis.hook('relative'); fis.match("**
requireJS 的核心原理是什么?(如何动态加载的?如何避免多次加载的?如何缓存的?
问题网址 : http://bbs.daxiangclass.com/?thread-270.htm 1,概念 requireJS是基于AMD模块加载规范,使用回调函数来解决模块加载的问题。 2,原理 requireJS是使用创建script元素,通过指定script元素的src属性来实现加载模块的。 3,特...
JavaScript模块化:使用requireJS按需加载
模块加载器的概念可能稍微接触过前端开发的童鞋都不会陌生,通过模块加载器可以有效的解决这些问题: JS文件的依赖关系。 通过异步加载优化script标签引起的阻塞问题 可以简单的以文件为单位将功能模块化并实现复用 主流的JS模块加载器有requireJS,SeaJS等,加载器之间可能会因为遵循的规范不同有微妙的差别,从纯用户的角度出发,之所以选requireJS而不是SeaJS主
webpack路由按需加载、路由懒加载 require.ensure()、import()
https://blog.csdn.net/qiuyan_f/article/details/84565890 webpack路由按需加载
基于angular路由的requireJs按需加载js
最近终于不忙了!!有时间沉淀一下之前学到的angular东东!! angular路由想必大家已经不陌生了!(陌生的去看我之前那篇手把手教你配置angular路由!) angular路由作为单页面应用,切换页面的时候都是一个页面,所以切换controller和按需加载控件js就成了大问题!!折腾了我半天啊,angular-route内置的办法也没有解决这个问题,最终我是用requireJs解决的...
vue动态加载组件
      本篇只对使用vue框架经验不足的开发者来参考和学习,各位技术大佬不喜勿喷,如有错误还望指正。       最近公司产品经理提出一个需求,要求公司项目首页当中的每个模块要根据后台返回数据中的序号排序然后显示       随后就查阅资料发现了vue中的component is方法,原来我们的尤雨溪大大早已经考虑到这样的问题,才得以及时的挽救了我。       话不多说直接上代码: ...
vue项目优化 --- 按需加载组件(require-resure)
对于大型的web应用来说,打包构建项目时,将所有的代码文件压缩成一个文件是不合适的,在部分代码文件只有在特殊情况下才被需要的情况下无疑是一种浪费。webpack提供了将代码文件分块的能力。 这里需要注意的是:webpack并不是把原来的一个大文件,简单的进行拆分,而是在这个基础上,提供了按需加载特定模块的能力。这样使得应用在最初加载代码量可以尽量的小。之前我们的做法:router/index.js
AngularJS+RequireJs实现动态加载JS和页面的方案研究
摘要:本文是笔者研究了几天的动态加载方案的成果,前台使用的是AngularJS+RequireJs+angular-ui-router+angularAMD。后台使用了SpringMVC+Spring /static/css/bootstrap/3.3.5
权限管理模块中动态加载Vue组件
当前后端分离时,权限问题的处理也和我们传统的处理方式有一点差异。笔者前几天刚好在负责一个项目的权限管理模块,现在权限管理模块已经做完了,我想通过5-6篇文章,来介绍一下项目中遇到的问题以及我的解决方案,希望这个系列能够给小伙伴一些帮助。本系列文章并不是手把手的教程,主要介绍了核心思路并讲解了核心代码,完整的代码小伙伴们可以在GitHub上star并clone下来研究。另外,原本计划把项目跑起来放到网
【vue】动态路由vue-router 动态加载
有时系统需要根据用户的权限来动态加载路由~vue-router有提供给我们一个 addRoutes() 方法,但这个方法只有2.2.0以上版本支持。下面我们看下具体写法: var router = { path: '', name: '', component: resolve => require.ensure([], (require) => { ...
ExtJs 按需动态加载(多app模式)
主要介绍ExtJs动态加载的解决办法,主要提到了两种解决方法,另外解决在4.1版本中事件监听失效的问题。
AngularJS+RequireJs实现动态加载JS和页面
AngularJS+RequireJs实现动态加载JS和页面,这是笔者在网上找到的一份方案源码。笔者在这个基础上自己搭建了一个动态加载的方案,具体看这里http://blog.csdn.net/evankaka/article/details/52502776
seaJs学习笔记之seaJs的异步加载和加载多个js文件
到目前为止,seaJs的大部分使用方法已经为大家介绍完了,有关javascript的模块化大部分功能也已经向大家介绍完了。下面再向大家深入的介绍一下seaJs。Define除了可以对回调函数进行操作之外,还可以对数据进行加载。Define中的第三个参数module主要是辅助调试的作用,它是对模块内部进行调试作用。可以通过module可以获得这个模块的id,可以获取到这个模块依赖哪些模块的数
Emberjs之模块化路由,让一切按需加载。
Emberjs的模块化很弱, 需要在html
react按需加载
react-router webpack 按需加载,与路由权限控制 说明 当网站规模越来越大,通过webpack 打包后的 react 项目也会越来越大,这会导致首页渲染时间变长,影响用户体验,webpack 提供了一种按需加载的方式,需要结合 react-router 使用,他会将代码拆分成多个小包,需要哪个部分就加载响应的包。 React-router-v4 - Web
React Native 如何区分系统平台,动态加载组件
Android 平台下, React Native WebView 的官方组件,无法上传文件,<input type = "file"> 不能打开文件对话框,需要自己监听事件去扩展。 幸好这里有一个封装好的库,可以直接使用: https://github.com/lucasferreira/react-native-webview-android 那么问题来了,这个库只有andr
VueJs异步动态加载块
一个值得参考的vuejs动态组件异步加载架构
requireJS缓存问题
红色字体部分,设置一个版本号,然后require的缓存就解决了。 可以看到所有的js加载后面 都多了?r=版本号 版本号:是一个js变量 可以参考静态文件缓存问题,用版本号处理 require.config({     urlArgs: "r=" + currentVersion,     baseUrl : 'js',     shim: {         undersc
ExtJs 4.x 学习小记:Ext.require动态加载js文件
一般我们在网页中中引用html或jsp文件,都是在
实战:Webpack 的 require 动态变量
1、问题描述:完全使用变量 let test = './less/Test.css' require(test); //报错 Uncaught Error: Cannot find module "."let test2 = 'Test' require("./less/"+test2 + ".css"); //报错 Uncaught Error: Cannot find module "./le
vue require 引入组件不生效问题
1.第一步:引入组件 第二步:安装 npm install
vue项目优化之按需加载组件-使用webpack require.ensure
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build  会将所有的js代码打包为一个整体, 打包位置是 dist/static/js/app.[contenthash].js    类似下面的路由代码  router/index.js  路由相关信息,该路由文件引入了多个 .vue组件 import Hello from '@/compon
关于在VB中动态加载控件的方法
动态加载控件,有诸多好处, 以前以为,只有在VC中才能动态加载控件,而在VB中,只能定义一个数组,然后采用Load方式加载。近日编码,才发现,原来VB中也可以方便的动态加载。 举例子总结一下,免得以后到处查: 1:动态加载VB固有的控件。 如:加载一个文本框     Controls.Add "VB.TextBox", "txtDynamic", Me     With Me!txtDynamic
cocos2dx-js模块加载
cocos2dx-js中的project.json文件中,可以加载自己需要的模块,即"modules"里的值,可以加载的模块有"cocos2d","extension","external"。 新建的cocos2dx-js项目默认加载了"cocos2d"模块。 如果我们需要使用ccui中的控件时,就需要加载”extension“模块。 如果再使用热更新等,需要加载"external"模块。
react路由组件动态加载-优化首屏加载速度
通常情况下,使用create-react-app进行打包后,会生成最终打包文件main.js,且这个文件在项目内容变多,引用第三方插件后,但得很大(&amp;amp;gt;100kb)。 通过Code Spliting进行代码拆分,并使用动态import使路由对应组件在使用时才被加载,可以优化打包,由原来一个main.js生成为多个单独的js文件,并在首次加载时,只加载首屏用到的组件,从而提高首屏加载速度。...
Require组件的问题
当使用RequiredFieldValidatore等校验控件来检验TextBox的时候,页面初始化,和提交表单的时候,都会弹出.这个对话框 rn 但是该控件的运行一切都很正常.请问如何能解决这个问题?谢谢. rnrnhttp://bbs.dvbbs.net/UploadFile/2003-12/2003121112565851159.jpg
webpack4利用import动态加载的一些说明
最近开始学习webpack4, 有一个新功能,是可以用import做动态加载。 ES6的import语法告诉我们,模块只能做静态加载。 所谓静态加载,就是你不能写成如下形式: let filename = 'module.js'; import {mod} from './' + filename. 也不能写成如下形式: if(condition) { import {mod...
require.js的结构及常用组件用法
require.js适用于包含多个js文件的复杂单页面应用。只要单个页面的js文件超过了一定的数量且相互间有依赖关系,并且项目中用到了模块化开发,就适合使用require.js。如果js文件不超过5个还是不必要使用require.js而直接引用就行。requireJs主要体现了一种模块化的编程思想,而你只需要按照requireJs的规范进行开发,就能将功能模块化,熟悉之后也能感受到模块化编程带来的
requireJS 嵌套加载模块开发demo(带html模板)
目录结构采用模块化开发模式进行划分。 支持html模板、css样式表,动态加载。在main中加载a,我们可以把a视为摸个大模块。在a中加载b,我们可以把b视为大模块a中的一个子模块。由于main在加载a的时候已经加载了$,所以在a加载b的时候$还存在作用于,无需再次加载。
文章热词 机器学习教程 Objective-C培训 交互设计视频教程 颜色模型 设计制作学习
相关热词 mysql关联查询两次本表 native底部 react extjs glyph 图标 区块链问题 ios视频开发问题