旋律Melody
旋律Melody

ng2-dragula 使用报错 Uncaught ReferenceError: global is not defined

Angular2使用ng2-dragula实现拖拽功能报错 

ncaught ReferenceError: global is not defined
    at Object../node_modules/crossvent/node_modules/custom-event/index.js (vendor.js:88511)
    at __webpack_require__ (runtime.js:79)
    at Object../node_modules/crossvent/src/crossvent.js (vendor.js:88572)
    at __webpack_require__ (runtime.js:79)
    at Object../node_modules/dragula/dragula.js (vendor.js:88756)
    at __webpack_require__ (runtime.js:79)
    at Module../node_modules/ng2-dragula/dist/fesm5/ng2-dragula.js (vendor.js:102351)
    at __webpack_require__ (runtime.js:79)
    at Module../src/app/app.module.ts (main.js:273)
    at __webpack_require__ (runtime.js:79)

 

解决办法

在polyfills.ts 加入 

(window as any)['global'] = window;

 

ng2-dragula 使用报错 Uncaught ReferenceError: global is not defined_第1张图片

你可能感兴趣的:(Angualr2)

  • Angualr2使用Cookie Shmily落墨
    Angualr2中提供了使用Cookie的官方库angular2-cookie。1.如何安装呢？使用npm安装：打开终端，cd到项目中，运行下面命令：npminstallangular2-cookie--save安装完成后在systemjs.config.js文件中的map下最后一行添加如下代码：'angular2-cookie':'npm:angular2-cookie'注：别忘了在上一行的末尾
  • Angular5 Ionic3视频教程分享 carlymei
    原创声明：该文章中所发布的Angular5Ionic3视频教程皆为IT营大地老师原创录制，版权归IT营所有，请勿商用！Angualr5是一款优秀的Web前端框架，它具有更小的体积，更快的运行速度，既可以开发单页面应用，也可以开发桌面应用，还可以开发App，相比ReactVue要优秀很多。另外它兼容Angualr4，Angualr6以及老版本的Angualr2。有了Angualr5的基础，就可以入手
  • Angualr2 (step2) 概述 MrWiley 前端开发angular
    Angualr基本模板语法获取Demo地址插值表达式{{}}name:{{name}}模板表达式[property]="expression"，模板表达式产生一个值。Angular执行这个表达式，并把它赋值给绑定目标的属性，这个绑定目标可能是HTML元素、组件或指令。模板语句(event)="statement"，模板语句用来响应由绑定目标（如HTML元素、组件或指令）触发的事件。按钮绑定语法单
  • Angular 2的核心概念 mysql1234q angular2angular
    原文地址:http://victorsavkin.com/post/118372404541/the-core-concepts-of-angular-2让我们来构建一个程序组件(Component)Angular2的应用是由一系列的组件构成的(uielement、route..)，应用始终有一个包含其他组件的根组件，换句话每个angualr2应用都有一个组件树，这个应用程序可能是这样的：Appl
  • 从无到有构建Angular2 后台管理系统的前端架构 桃子叔叔 前端架构
    该项目很久已不做维护，谢谢大家的支持最近公司的项目需求，需要设计一套后台管理系统的前端框架，我使用了Angular-cli构建Angualr2的模板，并按照需求，添加了ng2-charts/ng2-smart-table/file-upload等ng2的插件，项目的源码地址在：https://github.com/taoziUncle/ng2-admin-master项目的结构如下：一、自动化构建
  • 使用Profile创建第一个Grails+Angular2应用 飏y
    去年开始，团队的项目慢慢转变为微服务架构，通过Server(Groovy+Grails)+Gateway+Client(Angualr2+AngualrCLI)彻底实现前后台分离，这对于大型项目是非常有优势的，但对于小项目又显得过于笨重，为了不放弃使用Grails和Angualr2又可以减轻项目管理的工作，我选择用Grails的Angualr2Profile创建应用，它可以帮助我们快速建立和同时管
  • 发布angualr2模块到npm社区 扶竹
    angualr2项目在本地正常运行后，有个公共模块部分我想抽离出来单独发布到npm上供项目使用，在网上找了些资料，没想到发不到npm比maven也省事的多，本文重点记录将自己的angualr2模块发布到npm的主要步骤。一、注册账号在NPM网站注册一个账号，这个账号会被添加到npm本地的配置中，用来发布module用。npmadduserUsername:yournamePassword:your
  • 发布angualr2模块到npm社区 fuzhutech npmangular2
    angualr2项目在本地正常运行后，有个公共模块部分我想抽离出来单独发布到npm上供项目使用，在网上找了些资料，没想到发不到npm比maven也省事的多，本文重点记录将自己的angualr2模块发布到npm的主要步骤。一、注册账号在NPM网站注册一个账号，这个账号会被添加到npm本地的配置中，用来发布module用。npmadduserUsername:yournamePassword:your
  • Angular4 ngrxstore简介和安装 vjjy001 managementstatengrxAngular2
    1ngrxstore简介对于ngrxstore在angualr2/4的官方文档介绍不多。所以我在这里简单介绍一下ngrxstore的概念。ngrxstore是借用redux对于singlepageapplication的状态管理（statemanagement）理念并且结合了rxjs来实现的。随着singlepageapplication（单页web应用）变得越来越复杂，前端对于statemana
  • Angular2下使用pdf插件的方法详解 Myths
    前言最近因为工作的原因，需要在Angualr2建的项目里做一个pdf显示的功能，在网上找了个插件，不过由于是第一次使用额外插件，在用的时候遇到了一些坑，这里权且记一下使用的步骤，方便以后的参考。安装这里需要安装两个包：pdfjs-dist和ng2-pdf-viewer，安装时是要顺便保存到package.json里的，因此在项目根目录下输入下面命令：npminstallpdfjs-dist--sa
  • Angualr2 - 使用 VS2015 冠军
    使用Vs2015快速上手Angular2许多程序员希望能够使用VS2015作为IDE来开发Angular2应用，这里介绍如何设置VS2015，使用快速上手文件来搭建ASP.NET4.x项目。这里介绍的内容来自Angular2官网，项目使用System.js来加载Angular2,没有使用打包工具来进行打包，所以，在运行时的页面中会存在多个脚本引用。我们还可以使用打包工具打包，来使用Angular2
  • ionic2学习文档 幸福的雏 ionic
    概述截止到2016.01.03，angularJS2还处于beta版阶段，所以ionic2也还是在nightly版本。注意：ionic2是基于angular2的，而angular2又是基于ES6的。所以不懂ES6的人得先去学习ES6，然后再学angualr2，最后学习ionic2。安装像ionic1一样，ionic2同样能使用ionicCLI或者GUI工具快速的被创建，打包，和运行。安装环境要求n
  • 如何在ASP.NET 5上搭建基于TypeScript的Angular2项目 y-z-f
    一、前言就在上月，公司的一个同事建议当前的前端全面改用AngularJs进行开发，而我们采用的就是ASP.NET5项目，原本我的计划是采用TypeScript直接进行Angular2开发。所以借用这段时间来写下如何在ASP.NET5下搭建基于TypeScript的Angualr2的项目，下面我们就进入正题。 二、环境配置如果读者直接按照Angular.io上的方式搭建是无法通过的，所以下面我们的教
  • Wijmo 2016 V1 强势发布，全面支持Angular 2 启明
    WijmoUI控件支持Angular2 从Angular的1.x时代开始，Wijmo就已经支持Angular了。最近，我们正在和Angular团队合作来支持Angular2。有趣的是，对Angualr2的支持甚至更容易。我们的源代码用TypeScript编写，我们可以很容易地扩展我们的控件类，来轻松地创建Angular2组件。  Wijmo为每一个UI控件都提供了Angular2组件。所有Angu
  • Wijmo 2016 V1 强势发布，全面支持Angular 2 hobe
    WijmoUI控件支持Angular2从Angular的1.x时代开始，Wijmo就已经支持Angular了。最近，我们正在和Angular团队合作来支持Angular2。有趣的是，对Angualr2的支持甚至更容易。我们的源代码用TypeScript编写，我们可以很容易地扩展我们的控件类，来轻松地创建Angular2组件。Wijmo为每一个UI控件都提供了Angular2组件。所有Angular
  • Wijmo 2016 V1 强势发布，全面支持Angular 2 ComponentOne技术服务
    WijmoUI控件支持Angular2 从Angular的1.x时代开始，Wijmo就已经支持Angular了。最近，我们正在和Angular团队合作来支持Angular2。有趣的是，对Angualr2的支持甚至更容易。我们的源代码用TypeScript编写，我们可以很容易地扩展我们的控件类，来轻松地创建Angular2组件。  Wijmo为每一个UI控件都提供了Angular2组件。所有Angu
  • angular2系列教程（六）pipe lewis617
    今天，我们要讲的是angualr2的pipe这个知识点。例子这个例子包含两个pipe，一个是stateful，一个是stateless，是直接复制官方的例子。源代码statelesspipepipe就是ng1中的filter。先看看内建pipe吧：currencydateuppercasejsonlimitTolowercaseasyncdecimalpercent无需编写直接用！今天说了太多“直
  • angular2系列教程（三）components lewis617
    今天，我们要讲的是angualr2的components。例子这个例子是个老外写的，我将其迁移到angular2beta版本，想了解迁移的同学可以参考我的做法。源代码消失的控制器angular2的组件就是angual1中的指令。它包含模板、样式、注入、和选择器。组件嵌套组件可以实现类似react的模块化，我曾经也用angular1做过类似的事情Angular结合RequireJs实现模块化开发我当
  • angular2系列教程（二）模板语法 lewis617
    今天我们要讲的是angualr2的模板语法，官网写的很清楚，但我也用通俗易懂的讲法再罗列一下吧！例子源代码运行方法：npminstall npmrunplay打开8080端口。这个例子是我写的小demo，介绍了常用的几种模板语法。属性绑定不需要特别的指令，只需要用[value]就可以了，并不只有value，[]里面可以是任何常用的html元素的属性！src/app.html也可以用双花括号：sr
  • Angular 2的核心概念 5444cto angular2
    让我们来构建一个程序组件(Component)Angular2的应用是由一系列的组件构成的(uielement、route..)，应用始终有一个包含其他组件的根组件，换句话每个angualr2应用都有一个组件树，这个应用程序可能是这样的：Application是一个根组件，Filters组件具有speaker输入框和过滤按钮，下面有一系列的talks，及每一个talk-cmp// TalkCmp.
  • Angular 2的核心概念 5444cto angular2
    让我们来构建一个程序组件(Component)Angular2的应用是由一系列的组件构成的(uielement、route..)，应用始终有一个包含其他组件的根组件，换句话每个angualr2应用都有一个组件树，这个应用程序可能是这样的：Application是一个根组件，Filters组件具有speaker输入框和过滤按钮，下面有一系列的talks，及每一个talk-cmp// TalkCmp.
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他