问题标签 [system.js]

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 投票
2 回答
2294 浏览

aurelia - 当应用程序不在主机的根目录时,如何使 Aurelia 路由工作

我正在构建一个不会位于网站根目录的 Aurelia 应用程序。它的 URL 类似于http://mycompany.com/neatoApp

我有一个看起来像这样的路由配置

我已经配置了 System.js,以便它知道 /neatoApp 是 baseURL 并正确下载所有脚本和内容。我的应用程序 html 的头部有一个<base href="/neatoApp" />元素,我正在使用 pushState 进行路由。

问题是当我导航到 mycompany.com/neatoApp Aurelia 报告“找不到路由:/neatoApp”

Router 有一个 baseUrl 属性,它似乎与我设置它的值无关,因为路由识别器不使用它。

我真的不想在我的所有路由中都放置neatoApp,原因有几个:随着应用程序部署在不同的地方(开发、测试等),基本路径会发生变化,这使得维护起来很头疼。了解应用程序将在各种环境中部署的位置不是开发人员的责任,也不是运维人员在部署时更新代码以包含该基本 URL 的责任。当我在路由配置中包含neatoApp 时,它会使导航行为奇怪,就像生成指向/neatoApp/neatoApp 的链接一样。

有人有解决这个问题的方法吗?

我创建了一个 plunker 来演示这个问题:http ://plnkr.co/edit/HPEzClAlncvQkSzjw6ph?p=preview

0 投票
1 回答
1146 浏览

vue.js - Vue.js 和 System.js 如何运行本地示例

我想在本地运行Vue.js/System.js我最近得到的一个演示应用程序,以前从未使用System.js过(我不会......)

我只想运行这个演示,在切换到 webpack 之前......没有 npm 脚本(所以没有安装,没有运行开发)

我应该如何运行它以在我的本地浏览器中显示?跑步前有什么事情要做吗?(没有关于它的文档..)

更新

这是system.config

index.html

更新 2

我在 index.html 相对路径 (src='./) 中更改了脚本 src 路径,现在脚本文件位于.. 但它没有正确执行,CORS 相关问题..

错误:

0 投票
1 回答
41 浏览

javascript - JavaScript 中的导入模块是如何工作的?

我想知道两者之间的区别:

导入'node_module中的任何模块';

导入'供应商文件夹中的任何模块';

require('node_module 中的任何模块');

require('供应商文件夹中的模块');

我知道require函数需要 require.js。但有时,在项目中,没有 require.js。但是有system.js。

那么 require.js 和 system.js 有什么区别呢?

谢谢

0 投票
1 回答
63 浏览

vue.js - Vue.js w System.js:scope.router.go 错误

目前在将 Vue.js-System.js 应用程序移至 webpack2 之前对其进行测试,我遇到了路由模式的问题。

在我的 OPA Memberships 组件中,单击链接时,我想从路由器请求注册页面。我用了

组件/index.js

组件成员资格模板

我收到以下错误:

如果我删除 href="" 那么我得到

在我的 routes/index.js 中,定义了注册路由:

路线/index.js

0 投票
1 回答
1164 浏览

javascript - system.js 为 pdf.js 构建配置

我正在尝试构建 pdf.js 以便将查看器嵌入到我正在开发的应用程序中。

我想手动构建查看器,以便它可以包含在 webpack 打包的应用程序中。

应用程序入口点 index.js 有一行

这导致查看器被包含在转译的应用程序代码中,但是 pdf.js 查看器使用 System.js 加载它需要运行的模块。

在 Mozilla 提供的编译版本中,代码已被转译为不使用 System.js;请参阅第 3774 行的 webViewerLoad 函数中的视图源:https ://mozilla.github.io/pdf.js/web/viewer.js。

这与https://github.com/mozilla/pdf.js/blob/master/web/viewer.js#L178上的非转译源不同,Mozilla 托管查看器的源映射保留了这些SystemJS 行。

我想知道这是如何实现的,以及如何复制配置来构建它。

0 投票
0 回答
687 浏览

javascript - 如何使用单个入口点编译和执行多个 TypeScript 模块到单个文件

出于某种原因,我发现自己需要将一个依赖于其他文件中的多个其他模块的文件(主入口点)编译成一个单一的捆绑文件。它必须能够在浏览器中运行。

我必须使用 TypeScript 编译器,并且只能使用那个工具(即不是 Webpack、Babel 等)。

我目前正在使用 --outFile 选项进行编译,其中 --module 设置为SystemAMD(这是 --outFile 唯一允许的选项)。

对于 System,会生成类似于以下内容的内容:

当我尝试将其粘贴在这样的 HTML 文件中时:

我得到:

我在系统上做错了什么?另外,哪个更适合我的目的?AMD 还是系统?

0 投票
1 回答
2220 浏览

angular - Angular App 无需重新编译即可动态加载插件

我正在尝试开发我的 Web Api (NET CORE) 可插件应用程序的前端。我想使用 Angular 9,但我不是 Angular 专家。

我的后端设计为可扩展的,在启动时它会在指定的文件夹中监视,如果存在一个或多个包含扩展基本应用程序(如插件)的逻辑的 dll 文件,它会加载它们。我想在前端使用类似的方法。我尝试了不同的解决方案并阅读了很多文章,但很难找到想要在编译时导入未知插件的人。

我尝试了惰性模块(从这个开始: https: //www.mokkapps.de/blog/manually-lazy-load-modules-and-components-in-angular/),这将是完美的,但使用它我必须知道实现编译我的角度应用程序之前的插件(模块),因为如果我想使用模块,我必须在我的主应用程序中使用导入功能。

因此,我进行了更多搜索,在文章使用 Angular CLI 和 Angular 5 在运行时动态加载新模块之后,我尝试了 System.Js 方法,但我找不到适用于 Angular 9 的有效解决方案。

我很确定我不是唯一一个会创建一个可插入的 Angular 应用程序来加载插件而不重新编译主应用程序的人。

我需要一些建议来遵循正确的方法或使用插件架构的角度应用程序的工作示例。

0 投票
0 回答
26 浏览

mongodb - Mongo : find() 中的自定义 system.js,如查询

尝试编写一个 Mongo 查询,它将 Base64 解码一个 Base64 编码的字段,然后对解码后的值执行一个简单的“喜欢”。我正在关注几个不同的帖子以及 Mongo 文档,但似乎无法获得正确的语法。我基本上想做这样的查询:

其中 base64Decode() 是插入到 system.js 中的自定义函数。

帖子:
----------------
将文本存储为 mongodb 中的 Bindata
如何用“like”查询 MongoDB?

到目前为止我所做的:

  • 我将base64Decode()函数保存到system.js中,可以看到函数.... https://docs.mongodb.com/manual/tutorial/store-javascript-function-on-server/。
  • 我尝试使用 $where,但无济于事...返回 ReferenceError: edmDocumentId 不是。添加了 db.loadServerScripts(); 修复 base64Decode() 引用错误。
  • 我试过直接查找(),意外令牌:第 2 行

有人有使用 system.js 中的自定义函数的查找查询的示例吗???蒙戈版本 4.0.8。

0 投票
2 回答
175 浏览

javascript - 如何使用 System.js 导入类似服务的单例类?

我有一个通过import-mapFooService加载的 Singleton-Class 。我想(a)等待它并在各种异步函数中使用它,如下所示:

但我只能让它像这样工作:

每次我想使用它时,如何在不重新加载它的情况下实现这一点?