草庐IT

systemjs

全部标签

javascript - 使用清晰设计系统构建 Angular 2 应用程序

从他们的官方tutorial添加ClarityDesignSystem后,我收到此错误到Angular25minquickstart.浏览器控制台中的错误并没有多大帮助,有什么建议吗?zone.js:1382GEThttp://localhost:3000/clarity-angular404(NotFound)Error:(SystemJS)XHRerror(404NotFound)loadinghttp://localhost:3000/clarity-angular(…)应用程序模块.tsimport{NgModule}from'@angular/core';import{Bro

javascript - 如何通过 SystemJs 在 Angular2 中使用时刻时区

我通过angular2-seed使用Angular2(使用SystemJS)并尝试加载moment-timezone并专门使用moment.tz.guess()。我通过以下方式导入:import*asmomentfrom'moment-timezone';当我这样做时,我的浏览器出现以下错误:GET/node_modules/moment-timezone/data/packed/latest.json.js404(未找到)anuglar2-seed使用defaultJSExtensions,我认为这就是添加不正确的.js的原因,所以我想我可以暂时关闭它-tools/config/pr

javascript - 获取所有已声明模块导入的列表 (SystemJS)

我正在使用jspm和SystemJS导入ES2015模块。是否可以通过System对象或其他任何地方获取项目中所有导入模块的列表?我可以通过System._loader.moduleRecords访问我的项目特定模块,但是我通过jspm安装的模块(例如,d3、jquery)不会出现在这个列表中。System._loader.modules包含所有模块的列表,但遗憾的是还包含转译我的代码和模块加载包所需的模块列表。System._loader.moduleRecords(项目模块)System._loader.modules(项目模块、库、转译包)我只想要一个已声明导入的列表,特别是那些

javascript - SystemJS 未找到 RxJS 根目录

SystemJS似乎可以毫无问题地加载rxjs模块,但会在rxjs目录本身上抛出404NotFound。所有模块都是最新版本,这似乎只是Windows上的问题,它适用于osx。获取http://localhost:8080/node_modules/rxjs/404(未找到)错误:错误:XHR错误(404未找到)XHR完成加载:GET"localhost:8080/node_modules/rxjs/Subject.js"。XHR完成加载:GET"localhost:8080/node_modules/rxjs/operator/toPromise.js"。Moduleloads&Er

javascript - Angular2 应用程序未在移动设备上显示加载文本

我有一个带有使用SystemJS的typescript的angular2应用程序;我使用了以下seedapp.在桌面上时,您可以在标签之间看到加载文本(例如Loading...)。在我的索引页面上,我有一个小的加载div来显示我的应用程序在首次加载时速度很慢。但是这个div永远不会在移动设备上显示。索引代码Holdon!We'reunpacking...如果您需要更多代码示例,请告诉我。我基本上希望app标签内的这个div显示在移动设备上;我也愿意接受任何jQuery移动技巧。这似乎是关键帧。你能告诉我哪里出了问题吗?CSS和关键帧代码.loading-icon{animation:s

javascript - 如何使用 SystemJS 指定库依赖项?

使用SystemJS,如何指定一个库依赖于另一个库?例如,BootstrapJavaScript库依赖jQuery.基于SytemJSdocs,我假设我会使用System.config.meta属性指定此依赖项:System.config({baseUrl:'./scripts',defaultJSExtensions:true,map:{jquery:'./lib/jquery-2.2.0.min.js',bootstrap:'./lib/bootstrap.min.js'},meta:{bootstrap:{deps:['jquery']}}});System.import('./

javascript - 我如何像 Java 包一样组织我的 Angular 应用程序文件夹?

如何像Java包一样组织Angular2应用文件夹结构?考虑以下项目布局:app|_model|_component|_service我想将foo.service.ts从service导入到component中的bar.component.ts>。但据我所知,Angular2导入仅支持相对路径,如/../service/,这似乎是非常笨拙的解决方案。有没有一种方法可以从根文件夹引用带有绝对路径的文件夹,就像Java包一样? 最佳答案 更新2016-06-01使用npminstalltypescript@next你已经可以使用这个函数

javascript - 在 SystemJS 加载器环境中将相对路径映射到绝对路径的方法

我正在使用SystemJS加载器(带有commonJS模块,但这应该不重要),主要是为了直接访问node_modules下的组件。现在在运行时,是否可以从相对路径中查找当前环境中的绝对路径?即如果我执行require('./myComponent')它将获取http://localhost:3000/app/myComponent.js但如果此组件是通过npminstall(因此位于node_modules下)SystemJS将正确加载http://localhost:3000/node_modules/dist/myComponent.js。有没有办法从相对路径中查找这个绝对路径?即

javascript - 如何从 `Observable` 导入 `Rx`(非 Angular )

我正在使用SystemJS将我的es2015项目加载到浏览器中。这是我做的import{Observable}from'rxjs/Rx';constbutton=document.querySelector('button');conststart$=Observable.fromEvent(button,'click');在这种情况下,Observable是undefined。所以我尝试了importObservablefrom'rxjs/Observable';在这种情况下,Observable是一个对象,但是Observable.fromEvent是undefined(它似乎是一

javascript - 如何使用 TypeScript 加载 System.js 模块?

我正在尝试让TypeScript与默认的Aurelia框架一起工作,该框架基于System.JS作为加载程序。我无法让TypeScript接受模块导入。我将其中一个骨架文件“nav-bar.js”重命名为“nav-bar.ts”,以查看是否可以将示例转换为TypeScript。该代码导致编译器错误:“错误:(5,24)TS2307:找不到外部模块‘aurelia-framework’。”import{bindable}from"aurelia-framework";exportclassNavBar{//noinspectionES6Validation@bindablerouter=