问题标签 [jspm]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 加载 react-tools/vendor/fbtransform/visitors 时基本 JSPM React 示例失败错误
试图在 plnkr.co 上获得一个非常基本的 react/jspm 示例,但它出现了许多 404 错误。最值得注意的是:
关于如何克服这些并让样本渲染的任何想法?
-->这里有问题plnkr.co示例<--
该代码也被复制到下面的代码片段中(显然它永远不会在这里工作,因为需要不同的 JSX 文件)只是为了那些不想去 plnkr.co 的 SO 读者。
javascript - jspm install npm:fb 找不到加密
我使用 jspm 来安装npm:fb
,并在我的 js 中使用,但我得到了
获取 /jspm_packages/npm/crypto@0.0.3.js 404
我的步骤:
jspm 初始化
jspm 安装 npm:fb
我应该添加一些东西来修复它吗?
我的index.html
我的lib/main.js
jspm - JSPM - 系统 - 文本插件,删除空格
当我使用 JSPM 的文本插件 - System JS - 就像下面的代码:
我得到一个类似于这样的字符串:
插件是否有删除空格的选项?
javascript - 将 Angular 1.x 与 TypeScript 1.5 和 SystemJS 一起使用
我正在尝试将 Angular 1.x 与 TypeScript 1.5.3 和 SystemJS 一起使用。该index.html
页面已设置为System.import('bootstrapper')
应该启动的内容。
bootstrapper.ts
bootstrapper.js
只要它不使用角度,就可以编译并正常工作(即只做一个console.log()
工作正常)
现在,我想导入并使用 angular 来引导它。我已经完成了jspm install angular
,我还使用tsd
. 类型在文件顶部引用bootstrap.ts
。
不幸的是,做import angular from 'angular'
不编译,我得到Module "angular" has no default export
. 我的问题是:
- 为什么不
import angular from 'angular'
编译?查看angular.d.ts
文件,如果我理解正确,我看到declare module 'angular'{ export = angular; }
哪个是从变量的模块角度的默认导出(在上面的类型文件中定义)declare var angular: angular.IAngularStatic
- 我注意到进行
import 'angular'
编译然后我可以实际引用angular
并执行 egangular.module(...)
,但我认为我没有正确理解它是如何工作的。不应该import 'angular'
做一个“裸导入”,即只为它的副作用运行一个模块?如果是这样,这是否意味着这个导入实际上是angular
在全局范围内注册的?
我很确定我不能正确理解模块/类型定义文件在 Typescript 中是如何工作的,在此先感谢您的解释。
proxy - 业力代理不工作
我将Karma (v0.12.37)与JSPM (v0.16.2)一起用作测试运行程序。我在 karma 中添加了以下代理配置,以便正确加载 JSPM 文件:
但是这行不通,并且在以下情况下失败:
调试日志给出:
但是以下包含“app”的网址可以正常工作:
http://localhost : 9876/base/app/jspm_packages/npm/babel-core@5.8.22.js
关于出了什么问题的任何线索?
jspm - 如何解决加载错误
我正在学习 JSPM 并尝试使用测试代码让它工作。
但是,我无法得到这项工作。我在控制台中得到的错误是:
网络选项卡在 none.js 上显示 404 错误。
这是代码行:
我不明白为什么找不到这个。网络选项卡显示 main.js 是下载的,但不是引导程序。这是没有意义的。这是位于“lib”目录中的引导文件。
javascript - 在 jspm/system.js/babel 中使用 redux-devtools
将 jspm / system.js 与 Babel 转译器一起使用时,我在控制台中看到以下错误
如果我将该行注释掉react/themes/index.js
,我(正如预期的那样)不再看到该错误。
但是,我确实看到了这一点;
这似乎与 DevTools 有关。
这是我尝试使用它们的方式;
这是我的 package.json
如果我设置__DEVTOOLS__ = false
,我看不到任何错误,并且应用程序按预期呈现。
我的实现基于这个 webpack 示例,它工作得很好: https ://github.com/emmenko/redux-react-router-async-example
我究竟做错了什么?
jspm - Can I use JSPM without a transpiler?
I am using jspm 0.16.2.
I am using this test project
When I set the Transpiler to none: transpiler: "none"
I get an error XHR error (404 Not Found) loading http://localhost:53404/none.js
If I set the transpiler to 'test' it gives the same error, except for it looks for test.js
Is this a bug with jspm?
I wanted to not use a transpiler, but use system.js to load AMD modules.
When I removed the transpiler option from config.js, then it tries to load Traceur.
I would like to not have a Transpiler running at runtime.
javascript - 与 Jspm.io 一起使用时的 Facebook SDK api 调用问题
我正在尝试在我的代码中使用 Jspm.io 和 Facebook SDK。这是我的 index.html 文件的样子。当我尝试在 main.js 文件中调用 FB.api('/me') 时,什么也没有发生。虽然我可以调用 FB.getLoginStatus() 但 FB.api 函数没有响应或回调。谁能告诉我可能是什么问题。
主.js
angularjs - SystemJS 插件可以修改已经转译的文件吗?
在尝试让 Angular (1.x) 与 systemjs 一起工作时,我意识到目前没有能力(据我所知)自动插入$inject
到 Angular 组件中,即使函数的参数被破坏,这也能让组件保持工作状态缩小器。手动创建$inject
注释是乏味的、容易出错的并且违反了DRY原则。
有一个成熟的 npm 模块ng-annotate
可以解决这个问题,并在许多类似的情况下用于捆绑。当我一直在探索 SystemJS 时,我看到有一个插件系统包括翻译源代码的能力,这正是ng-annotate
它的功能。
不过,据我所知,SystemJS 只让您能够将特定的文件扩展名映射到单个加载器,并且所有插件示例都支持新的文件类型。我想做的是对 SystemJS 的转译过程的输出进行后处理,而不是添加新的文件类型。看起来 SystemJS 应该能够做到这一点,因为它有一个处理管道,但我不太清楚如何以正确的方式连接它。现在我正在使用 Browserify 来实现相同的效果,但我最终得到了一组相当复杂的构建任务,如果可能的话,我想用 SystemJS 来简化它。
能够ng-annotate
在加载器管道中使用 SystemJS 的其他策略也将受到赞赏。