问题标签 [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.

0 投票
1 回答
223 浏览

javascript - 加载 react-tools/vendor/fbtransform/visitors 时基本 JSPM React 示例失败错误

试图在 plnkr.co 上获得一个非常基本的 react/jspm 示例,但它出现了许多 404 错误。最值得注意的是:

关于如何克服这些并让样本渲染的任何想法?

-->这里有问题plnkr.co示例<--


该代码也被复制到下面的代码片段中(显然它永远不会在这里工作,因为需要不同的 JSX 文件)只是为了那些不想去 plnkr.co 的 SO 读者。

0 投票
1 回答
261 浏览

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

0 投票
1 回答
110 浏览

jspm - JSPM - 系统 - 文本插件,删除空格

当我使用 JSPM 的文本插件 - System JS - 就像下面的代码:

我得到一个类似于这样的字符串:

插件是否有删除空格的选项?

0 投票
2 回答
3271 浏览

javascript - 将 Angular 1.x 与 TypeScript 1.5 和 SystemJS 一起使用

我正在尝试将 Angular 1.x 与 TypeScript 1.5.3 和 SystemJS 一起使用。该index.html页面已设置为System.import('bootstrapper')应该启动的内容。

bootstrapper.tsbootstrapper.js只要它不使用角度,就可以编译并正常工作(即只做一个console.log()工作正常)

现在,我想导入并使用 angular 来引导它。我已经完成了jspm install angular,我还使用tsd. 类型在文件顶部引用bootstrap.ts

不幸的是,做import angular from 'angular'不编译,我得到Module "angular" has no default export. 我的问题是:

  1. 为什么不import angular from 'angular'编译?查看angular.d.ts文件,如果我理解正确,我看到declare module 'angular'{ export = angular; }哪个是从变量的模块角度的默认导出(在上面的类型文件中定义)declare var angular: angular.IAngularStatic
  2. 我注意到进行import 'angular'编译然后我可以实际引用angular并执行 eg angular.module(...),但我认为我没有正确理解它是如何工作的。不应该import 'angular'做一个“裸导入”,即只为它的副作用运行一个模块?如果是这样,这是否意味着这个导入实际上是angular在全局范围内注册的?

我很确定我不能正确理解模块/类型定义文件在 Typescript 中是如何工作的,在此先感谢您的解释。

0 投票
4 回答
7483 浏览

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

关于出了什么问题的任何线索?

0 投票
1 回答
596 浏览

jspm - 如何解决加载错误

我正在学习 JSPM 并尝试使用测试代码让它工作。

但是,我无法得到这项工作。我在控制台中得到的错误是:

网络选项卡在 none.js 上显示 404 错误。

这是代码行:

我不明白为什么找不到这个。网络选项卡显示 main.js 是下载的,但不是引导程序。这是没有意义的。这是位于“lib”目录中的引导文件。

0 投票
1 回答
403 浏览

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

我究竟做错了什么?

0 投票
1 回答
2482 浏览

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.

0 投票
0 回答
87 浏览

javascript - 与 Jspm.io 一起使用时的 Facebook SDK api 调用问题

我正在尝试在我的代码中使用 Jspm.io 和 Facebook SDK。这是我的 index.html 文件的样子。当我尝试在 main.js 文件中调用 FB.api('/me') 时,什么也没有发生。虽然我可以调用 FB.getLoginStatus() 但 FB.api 函数没有响应或回调。谁能告诉我可能是什么问题。

主.js

0 投票
1 回答
180 浏览

angularjs - SystemJS 插件可以修改已经转译的文件吗?

在尝试让 Angular (1.x) 与 systemjs 一起工作时,我意识到目前没有能力(据我所知)自动插入$inject到 Angular 组件中,即使函数的参数被破坏,这也能让组件保持工作状态缩小器。手动创建$inject注释是乏味的、容易出错的并且违反了DRY原则。

有一个成熟的 npm 模块ng-annotate可以解决这个问题,并在许多类似的情况下用于捆绑。当我一直在探索 SystemJS 时,我看到有一个插件系统包括翻译源代码的能力,这正是ng-annotate它的功能。

不过,据我所知,SystemJS 只让您能够将特定的文件扩展名映射到单个加载器,并且所有插件示例都支持新的文件类型。我想做的是对 SystemJS 的转译过程的输出进行后处理,而不是添加新的文件类型。看起来 SystemJS 应该能够做到这一点,因为它有一个处理管道,但我不太清楚如何以正确的方式连接它。现在我正在使用 Browserify 来实现相同的效果,但我最终得到了一组相当复杂的构建任务,如果可能的话,我想用 SystemJS 来简化它。

能够ng-annotate在加载器管道中使用 SystemJS 的其他策略也将受到赞赏。