Tag: 量angular器

在angular2快速入门指南中使用lite-server打开非默认浏览器

按照Angular 2快速入门指南的TypeScript版本，我想知道是否有可能，如果是的话，如何configurationlite-server来启动默认浏览器以外的浏览器。 看起来lite-server将采用命令行参数，通过yargs.argv提供给它。 看来yargs会试图根据相当普通的标准来parsing命令行参数（例如，如果一个标记以–开始，它代表一个参数名称，否则是一个参数值）来获得argv 。 lite-server将尝试使用从argv获得的open属性，这最终是通过[启动进程的节点包之一]启动浏览器。 点开？ xdg – 打开？ 不确定的是，只要我的假设（基于查看这些过程启动器中的几个）是正确的，他们都可以select定义启动过程的参数。 如果省略，则将使用默认浏览器，因为要打开的文件types是html，这就是发生的情况。 如果所有这些都是正确的，或者至less是它的要点，那么看来我只需要指定 – 打开–open chrome ，例如（假设chrome在我的PATH – 在win机器上工作），在在package.json定义的lite命令。 所以像… "scripts": { "tsc": "tsc", "tsc:w": "tsc -w", "lite": "lite-server", "lite:c": "lite-server –open chrome", "lite:f": "lite-server –open firefox ", "start": "concurrent \"npm run tsc:w\" \"npm run lite\" " }, 我很抱歉，如果这似乎是蠢事，但我不会在一台电脑，我可以testing这几天，我需要知道，如果我有答案，可以停止研究这:)。 谢谢！

ng新的应用程序意外的令牌=

我已经通过npm安装了angular2 cli，但是当我尝试使用“ng new my-app”命令创build新的打字稿angular度应用程序时，我不断收到此错误： C:\Users\nicholas\AppData\Roaming\npm\node_modules\@angular\cli\models\config\config.js:15 constructor(_configPath, schema, configJson, fallbacks = []) { ^ SyntaxError: Unexpected token = at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load (module.js:300:12) at Module.require (module.js:353:17) at require (internal/module.js:12:17) at Object.<anonymous> (C:\Users\nicholas\AppData\Roaming\npm\node_modules\@angular\cli\models\config.js:2:18) at Module._compile (module.js:409:26) at Object.Module._extensions..js (module.js:416:10) 我的NPM版本是4.1.2我的节点版本是4.4.5，从我的理解是安装和使用angular-cli的可接受的版本。 请让我知道，如果有这个修复，我也尝试卸载，清理npmcaching和重新安装，但我一直得到同样的问题。 任何和所有的帮助非常感谢，提前感谢！

找不到模块'angular2 / angular2'

我正在用angular2和gulp开发一个节点应用程序。 我写了一个组件文件login.ts，如下所示： import {Component, View} from 'angular2/angular2'; import {FormBuilder, formDirectives } from 'angular2/forms'; @Component({ selector: 'login', injectables: [FormBuilder] }) @View({ templateUrl: '/scripts/src/components/login/login.html', directives: [formDirectives] }) export class login { } 而我的bootstrap.ts文件是： import {bootstrap} from 'angular2/angular2'; import {login} from './components/login/login'; bootstrap(login); 但是当我编译这些文件，它给了我以下错误： client\bootstrap.ts(1,25): error TS2307: Cannot find module 'angular2/angular2'. client\components\login\login.ts(1,31): error TS2307: Cannot find module 'angular2/angular2 […]

运行“npm start”由于错误而失败 – Angular2

我遇到了一些非常奇怪的事情。 基本上我正在做一个angular度项目，我开始在不同的机器上，然后保存在github上的项目，今天我克隆到另一台机器回购，但是当我运行npm开始，我有一个很好的错误信息： C:\Users\antobbo\Documents\angularjsProjects\todoList>npm start > angular-quickstart@1.0.0 start C:\Users\antobbo\Documents\angularjsProjects\todoList > tsc && concurrently "tsc -w" "lite-server" node_modules/protractor/built/browser.d.ts(260,37): error TS2503: Cannot find namespace 'webdriver'. node_modules/protractor/built/browser.d.ts(267,55): error TS2503: Cannot find namespace 'webdriver'. node_modules/protractor/built/browser.d.ts(267,78): error TS2503: Cannot find namespace 'webdriver'. node_modules/protractor/built/browser.d.ts(358,31): error TS2503: Cannot find namespace 'webdriver'. node_modules/protractor/built/browser.d.ts(369,26): error TS2503: Cannot find namespace 'webdriver'. node_modules/protractor/built/browser.d.ts(425,36): error TS2503: Cannot find […]

Angular 2 / webpack“未捕获的ReferenceError：require没有定义”

我正在使用节点和webpack将一个来自平面devise公司的HTML模板join到我的Angular 2项目中。 HTML吸引了像这样的各种脚本： <script src="js/jquery.icheck.min.js"></script> <script src="js/waypoints.min.js"></script> 所以我要求他们在我的component.ts中： var icheckJs = require('../js/jquery.icheck.min'); var waypointsJs = require('../js/waypoints.min'); 还有其他几个脚本和一些SASS似乎正常工作。 webpack很高兴，并build立了一切，“npm开始”也是成功的。 但是，当它到达浏览器，我得到这个抱怨： Uncaught ReferenceError: require is not defined node_modules/angular2/platform/browser.js:1 Uncaught ReferenceError: require is not defined 这实际上是从url.js抛出的这一行： var punycode = require('punycode'); 这是CommonJs的要求吗？ 在几个星期之前，我还没有在网页开发中使用过这个function，所以我仍然从webback中解决了各种各样的需求，CommonJs et。 从我的webpack.config.js提取.js加载程序如下所示： { test: /\.js$/, loader: 'script' } 我该如何解决这个错误？

build立开发失败：无法设置为null的属性'fileSystem'

我正在尝试运行Ionic 2应用程序。 我正在执行运行ionic serve错误 build立开发失败：无法设置为null的属性'fileSystem' 完整的日志如下： λ ionic serve > ionic-hello-world@ ionic:serve D:\ionic > ionic-app-scripts serve [18:11:23] ionic-app-scripts 0.0.47 [18:11:24] watch started … [18:11:24] build dev started … [18:11:24] clean started … [18:11:24] clean finished in 6 ms [18:11:24] copy started … [18:11:24] transpile started … [18:11:28] transpile finished in 4.15 s [18:11:28] webpack started […]

Angular2 SEO – 如何使angular2应用程序可抓取

我正在使用Angular-Meteor框架构build一个Angular 2应用程序。 我想通过谷歌和其他search引擎实现快速和一致的索引 ，并允许Facebook共享者和其他刮板生成我的JS生成的内容的预览。 通常，SPA使用PhantomJS呈现页面服务器端，并将静态HTML发送给客户端。 当我拦截一个_escaped_fragment_或者当我看到google或者scraper用户代理时，我可以自己产生PhantomJS，但是当在大stream量的网站上直接产生PhantomJS时，我经常遇到内存泄漏和孤立的幻影实例（我使用了NodeJS和这个模块 ）。 对于Angular 1应用程序，我曾经使用Angular-SEO等angular度模块来解决这个问题，但是很难将这个模块转换成angular度2。 我还没有find适合的Angular 2模块。 我应该自己创build它，还是有其他的好方法来实现这一点？

Angular2快速入门 – “无法获取”消息

我一直在尝试为Angular2做快速入门指南。 我按照快速指南中的说明做了例子。 但是，当我运行它时，它显示以下消息“无法获取”。 有谁知道这是为什么发生？ boot.js文件 // JavaScript source code (function (app) { document.addEventListener('DOMContentLoaded', function () { ng.platform.browser.bootstrap(app.AppComponent); }); })(window.app || (window.app = {})); app.component.js文件 (function (app) { app.AppComponent = ng.core.Component({ Selector: 'my-app', template: '<h1>My First Angular 2 App </h1>' }) .class({ constructor: function () { } }); })(window.app || window.app == {}); 索引文件 <html> <head> […]

为什么我们要为Angular 2.0安装Node.js？

我开始了关于Angular 2.0的教程，设置工作区的第一步是安装Node.js和NPM。 为什么我们要为Angular 2.0安装Node.js？ 我不记得做这个angular1.X.

（Angularjs）Web应用程序的集成testing

我正在开发一个Web应用程序。 它由2部分组成。 一个节点rest服务器和一个angularjs客户端。 该应用程序的结构如下：Rest Server < – > Api Module < – > Angular App 服务器目前正在testing中。 我有unit testing和集成testing。 集成testing正在访问一个真实的数据库，并通过http调用其余的api。 我认为这是服务器testing所能达到的最高水平。 集成testing也运行得很快。 我非常有信心，我testing服务器的方式足以满足我的使用情况，我对结果感到满意。 不过，我正在努力如何testingangularjs应用程序。 我有相关指令和模块的unit testing。 写这些不是一个问题。 我想编写涵盖用户场景的集成testing。 类似注册场景：用户访问网站，进入registry单，并提交表单与数据。 angularjs团队正在从ng场景转移到量angular器 。 量angular器使用Selenium来运行testing。 因此有两个范围：应用范围和testing范围。 现在我可以想到我可以使用的三种不同的抽象。 而我不确定哪一个最适合我。 模拟Api模块 嘲笑其余的服务器 使用完整的服务器 模拟Api模块 在这种情况下，我不需要设置服务器。 所有的交互都在浏览器中运行 优点： 没有服务器是必要的 坏处： API是在浏览器范围内，我不得不篡改这一点。 我真的很喜欢这个解决scheme，但是我觉得很难嘲笑Api。 Api需要在浏览器范围内修改。 因此我需要将testing的修改发送到浏览器。 这可以做到 ，但是我没有看到如何在testing范围内运行断言如mockedApi.method.wasCalledOnce() 嘲笑其余的服务器 优点： 客户将保持不变 只有一个范围来处理 坏处： 一个必须build立rest路线 […]