Tag: angular

Angular 4.意外的令牌导出

然后我通过在控制台中命令ng serve启动应用程序我看到错误: VM1018:2297 Uncaught SyntaxError: Unexpected token export at eval () at webpackJsonp…/../../../script-loader/addScript.js.module.exports (addScript.js:9) at Object…/../../../script-loader/index.js!../../../../popper.js/dist/popper.js (popper.js?6efa:1) at __webpack_require__ (bootstrap 88f7324…:54) at Object.2 (scripts.bundle.js:66) at __webpack_require__ (bootstrap 88f7324…:54) at webpackJsonpCallback (bootstrap 88f7324…:25) at scripts.bundle.js:1 webpackJsonp…/../../../script-loader/addScript.js.module.exports @ addScript.js:9 ../../../../script-loader/index.js!../../../../popper.js/dist/popper.js @ popper.js?6efa:1 __webpack_require__ @ bootstrap 88f7324…:54 2 @ scripts.bundle.js:66 __webpack_require__ @ bootstrap 88f7324…:54 webpackJsonpCallback @ bootstrap 88f7324…:25 […]

将jQuery插件导入Angular 2+拒绝执行脚本,因为其MIME类型(’text / html’)不可执行

我需要在HTML文件中加载JavaScript(jQuery插件)。 但它似乎没有起作用。 这是在Angular-CLI服务器上运行的(ng服务)这是HTML。 Test Loading… 我收到此错误: 拒绝从’ http:// localhost:8080 / test.js ‘执行脚本,因为它的MIME类型(’text / html’)不可执行,并且启用了严格的MIME类型检查。 我发现了这个问题 ,解决方案似乎正在纠正type属性,但这并没有为我解决。 我试过text/javascript和application/javascript 。 我需要做什么? 编辑:网络控制台显示脚本的404错误。 表示请求没有可用的响应数据。 内容类型说text/html; charset=utf-8 text/html; charset=utf-8 注意:我最初将此作为一个比我的实际代码更简单的示例发布,因为我认为它与Angular CLI服务器没有关系。 可能就是这种情况,所以我将我的示例恢复为我的实际代码。

使用SignalR的Angular 2 TypeScript

我正在尝试设置一个Angular 2应用程序来使用Microsoft的SignalR。 我一直在关注这个教程 ,虽然它很好但我不喜欢jQuery和SignalR通过index.html文件中的脚本标签加载到应用程序中的事实,以及两个库都不使用它们各自的类型这一事实定义。 因此,考虑到这一点,我一直在尝试使用节点模块和相应的类型定义在我的应用程序中包含jQuery和SignalR。 我通过微软的TypeSearch搜索了正确的类型定义文件。 我只在我的应用程序中包含jQuery,因为SignalR依赖于jQuery。 jQuery的 我首先开始在我的应用程序中安装jQuery模块,我必须在Webpack配置中添加它。 在此之后,由于量角器,我面临着“冲突”问题。 这在Aurelia JS Rocks的网站上有所描述。 虽然它建议卸载量角器类型,但我尝试了另一个解决方案,现在在这个答案中描述 。 我不知道这是不是最好的解决方案。 SignalR 关于SignalR,我有点卡住了 – 到目前为止,似乎没有为SignalR提供“官方”节点模块。 我不确定是否应该通过下载文件并将其包含在我的应用程序中来包含Microsoft的SignalR Javascript库。 问题是我已经安装了SignalR的类型定义。 但是现在我不确定如何实际使用SignalR,因为当我键入$或jQuery我没有被建议。例如.connections – 这是有意义的,因为这不是jQuery库的一部分。 我确信我可能会误解一些关于“设置”的问题。 在Angular2 TypeScript应用程序中使用SignalR的最佳方法是什么?

Jquery无法工作在角度6错误:ENOENT:没有这样的文件或目录,打开’… \ node_modules \ jquery \ dist \ jquery.min.js’

我正在将Angular 5项目迁移到Angular 6。 在开始申请时 npm start 得到以下错误 ** Angular Live Development Server is listening on localhost: 9000, open your browser on http://localhost:9000/ ** 91% additional asset processing scripts-webpack-plugin× 「wdm」: Error: ENOENT: no such file or directory,open’\trunk\node_modules\jquery\dist\jquery.min.js’ 我试过了 npm install jquery –save npm install @types/jquery –save 没有什么工作 我检查了我的节点模块文件夹,我可以看到jquery文件 粘贴我的package.json和angular.json 的package.json “dependencies”: { “@angular/animations”: “^6.0.0”, “@angular/common”: “^6.0.0”, […]

在Angular 2/4中使用jQuery的最简单和最短的方法

如何在Angular中使用jQuery? 如何将jQuery导入Angular2 Typescrypt项目? 我不知道这是否安全,但一定会帮到你。 相当

jquery doens不工作角5

我正在尝试在角度5中使用jquery,特别是我正在尝试使用此库: 这些是步骤: – >我创建了一个新的应用程序 ng new myApp – >导航到新的角度应用程序 cd myApp – >安装依赖项: npm i @angular-devkit/core – > cd src – > cd app – > mkdir组件 – > cd组件 – >我创建了一个组件 ng g component myComponent1 – >在package.json中,在dependencies部分中,添加1.11.3 – >在index.html中添加对jquery和librery的引用: – >这是my-component1组件html: jquery-resizable – A simple splitter panel Simple example that demonstrates how to create […]

带有Angular 2 Typescript的jssor

我正在使用Angular 2开发一个网站。 此时我购买了Jssor订阅,为3个以上分离的滑块生成图像滑块,这些滑块运行到同一页面。 我目前的问题是在文档加载后生成的dinamic滑块,它没有显示。 我在npmjs.com找到了jssorslider,但它比它大一岁。 您是否已获得Angular 2的当前jssor或一些帮助文档实施它? 谢谢 马里奥奥乔亚

带引导事件的Angular2不会触发可观察到的更改

我发现了一个涉及bootstrapjs模态和angular2的奇怪问题。 我有一个绑定到bootstrap模式的html的组件: // … lots of imports here @Component({ selector: ‘scrum-sessions-modal’, bindings: [ScrumSessionService, ScrumSessionRepository, ScrumModuleDataContext, ElementRef] }) @View({ templateUrl: ‘templates/modals/scrumSessions.modal.html’, styleUrls: [”] }) export class ScrumSessionsModalComponent { private _elementRef: ElementRef; public sessions: ScrumSession[]; constructor(scrumSessionsProxy: ScrumSessionsProxy, scrumSessionService: ScrumSessionService, elementRef: ElementRef) { this._proxy = scrumSessionsProxy; this._scrumSessionService = scrumSessionService; this._elementRef = elementRef; // This is the bootstrap on […]

如何在角度2中使用jquery?

我知道如果我需要在角度1.3或1.4中使用第三方库。我需要制作该东西的指令并在我们的项目中使用它。现在我使用角度2.0 。我想以angular 2 https:/ /jqueryui.com/autocomplete/或这个https://jsfiddle.net/2rgrmv4q/ 我可以在angular2使用jquery angular2 ? 1.如何在角度中使用第三方库。 2.如何在角度2中自动完成jquery。 这是我的代码http://plnkr.co/edit/BxMcNXLjVOJBAIiBGL5Y?p=preview //代码在这里 import {Component,View} from ‘angular2/core’; @Component({ selector:’my-app’ templateUrl: ‘home/home.html’, }) export class AppComponent { constructor() { } }

访问jquery中的angular2变量

我在angular2项目中使用jQuery来做一些事情。 但我无法使用我在angular2中声明的变量来在jQuery中使用。 我有这样的事情: export class AddExerciseComponent implements OnInit { parameters:Array = [“FU”]; constructor() { } ngOnInit() { $(‘.chips’).on(‘chip.add’, function(e, chip){ this.parameters.push(chip.data); console.log(this.selectedValue); }); } 这会给我一个错误,即参数未定义。 我想这是因为我用this 。 我还可以做些什么?