GVKun编程网logo

部署Angular 4应用程序（angular4教程）

10

针对部署Angular4应用程序和angular4教程这两个问题，本篇文章进行了详细的解答，同时本文还将给你拓展Angular10：在实时服务器上部署Angular应用、Angular4应用程序无法在

针对部署Angular 4应用程序和angular4教程这两个问题，本篇文章进行了详细的解答，同时本文还将给你拓展Angular 10：在实时服务器上部署Angular应用、Angular 4应用程序无法在IE11和Edge上运行、angular2 – 如何部署Angular 2应用程序开发的Typescript到生产？、angularjs – Angular – 我可以从角度应用程序外部广播消息吗？等相关知识，希望可以帮助到你。

本文目录一览：

部署Angular 4应用程序（angular4教程）

部署Angular 4应用程序（angular4教程）

我使用 https://www.youtube.com/watch?v=nxV3weqMzYo这个视频在现场部署我的角度2应用程序,但它给出了以下错误 
D:\selva\backup\ticketing>ngh
An error occurred!
 Error: Unspecified error (run without silent option for detail)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\gh-pages\lib\index.js:232:19
    at _rejected (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-gh
pages\node_modules\q\q.js:844:24)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\q\q.js:870:30
    at Promise.when (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli
-ghpages\node_modules\q\q.js:1122:31)
    at Promise.promise.promisedispatch (C:\Users\selva\AppData\Roaming\npm\node_
modules\angular-cli-ghpages\node_modules\q\q.js:788:41)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\q\q.js:604:44
    at runSingle (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-gh
pages\node_modules\q\q.js:137:13)
    at flush (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpage
s\node_modules\q\q.js:125:13)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)

请帮我纠正这个错误

预期行为：将票务项目部署到github页面

我做的步骤

第1步：ng-build –prod

第2步：将所有文件推送到github,包括node_modules和dist文件夹

这里我清除了“.gitignore”文件中的所有数据,将所有项目数据上传到github帐户(包括node_modules和dist文件夹)

第3步：ng-build –prod –base-href https://selva1990kumar.github.io/ticketing/

第4步：呃

它产生了这个错误

An error occurred!
 Error: Unspecified error (run without silent option for detail)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\gh-pages\lib\index.js:232:19
    at _rejected (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-gh
pages\node_modules\q\q.js:844:24)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\q\q.js:870:30
    at Promise.when (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli
-ghpages\node_modules\q\q.js:1122:31)
    at Promise.promise.promisedispatch (C:\Users\selva\AppData\Roaming\npm\node_
modules\angular-cli-ghpages\node_modules\q\q.js:788:41)
    at C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpages\node_
modules\q\q.js:604:44
    at runSingle (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-gh
pages\node_modules\q\q.js:137:13)
    at flush (C:\Users\selva\AppData\Roaming\npm\node_modules\angular-cli-ghpage
s\node_modules\q\q.js:125:13)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)

首先运行此以获取详细信息

ngh –no-silent

然后,如果你得到这样的错误

message: '\n*** Please tell me who you are

赶紧跑 ：

git config –global user.email “you@example.com”

还有这个 ：

git config –global user.name “Github User Name”

最后：

ngh

Angular 10：在实时服务器上部署Angular应用

Angular 10：在实时服务器上部署Angular应用

如何解决Angular 10：在实时服务器上部署Angular应用？

我完成了我的angular 10项目。我决定在实时服务器上部署angular应用程序。在我的有角项目中，我使用了wep api [microsoft visual 2015]，对于数据库，我使用了Microsoft sql server mamangment studio。

对于部署，我使用了ng build --prod并将dist文件上传到实时服务器中。因为静态页面可以正常工作。

问题是静态页面显示错误。您可以检查here。因为我认为我必须通过网络api链接进行一些更改

我的github链接。

我的实时angular项目

我尝试了一些类似的问题，但没有得到解决方案

请帮助

谢谢

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

Angular 4应用程序无法在IE11和Edge上运行

Angular 4应用程序无法在IE11和Edge上运行

我正在开发角度4应用程序,并且它在除IE11和边缘之外的所有浏览器上工作正常,我检查解决方案并添加了es15支持并添加了polyfill以支持IE但它仍然无法正常工作.

问题：第一次在IE上加载并在几次刷新后加载但未完全加载.

我已经完成了here提到的polyfill修复

任何帮助都是值得的

谢谢

在尝试了不同的方法和模块之后,我最终得到了以下解决方案,以便在所有浏览器上兼容angular 4 app. 
* broWSER polyFILLS
*/

/** IE9,IE10 and IE11 requires all of the following polyfills. **/
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/weak-map';
import 'core-js/es6/set';
import 'core-js/es6/reflect';
import 'core-js/client/shim';

/** IE10 and IE11 requires the following for NgClass support on SVG elements */
import 'classlist.js';  // Run `npm install --save classlist.js`.

/** IE10 and IE11 requires the following to support `@angular/animation`. */
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

/** ALL Firefox browsers require the following to support `@angular/animation`. **/
import 'web-animations-js';  // Run `npm install --save web-animations-js`.

/***************************************************************************************************
* Zone JS is required by Angular itself.
*/
import 'zone.js/dist/zone';  // Included with Angular CLI.

/***************************************************************************************************
* APPLICATION IMPORTS
*/

/* polyfill ie11 */
import 'core-js/es7/array';
import 'core-js/es7/reflect';

/**
 * Date,currency,decimal and percent pipes.
 * Needed for: All but Chrome,Firefox,Edge,IE11 and Safari 10
 */
// Run `npm install --save intl`.
import 'intl'; 
import 'intl/locale-data/complete.js';
import 'intl/locale-data/jsonp/en.js';

if (typeof SVGElement.prototype.contains == 'undefined') {
    SVGElement.prototype.contains = HTMLdivelement.prototype.contains;
}

您可能需要一些其他的polyfill,具体取决于您在项目中安装的模块,因为有些图表和图形有时需要一些额外的配置.

angular2 – 如何部署Angular 2应用程序开发的Typescript到生产？

angular2 – 如何部署Angular 2应用程序开发的Typescript到生产？

我是Angular 2的新手。我困惑于Angular 2如何在生产环境中工作。

>在生产服务器中运行Angular 2应用程序的先决条件是什么？
>是否可能在IIS服务器中部署应用程序或需要节点服务器？
>在开发机器中使用节点编译文件后，我们需要将.js和.ts部署到生产环境吗？

我使用JSPM使我的angular2项目生产准备。其他流行的工具，如JSPM包括webpack和browserfy。 JSPM将完成的重要任务之一是捆绑构成您的angular2项目的各个模块。我还将“selfExecutingBundle”标志设置为true，并让JSPM制作一个捆绑的js文件(例如myApp.bundled.js)，并从那里我minify它(myApp.bundled.min.js)和这一个脚本引用用于index.html文件。 
<html>

<head>
    <title>Hello Angular World</title>
</head>
<body>
<div>
    <my-app>Loading...</my-app>
</div>
    <script src="/js/myApp.bundle.min.js"></script>
</body>

</html>

这就是你需要的！

在将来，当HTTP / 2规范更常见时，可能不太需要捆绑基于模块的项目，但现在我认为需要捆绑。

没有对你的typescript文件的引用(因为它们已经在制作myApp.bundled.js的过程中被传递)。正如Zama所说，你可以在任何服务器上运行angular2(我使用IIS和工作正常)。

更新：自从Angular 2的最终版本，我已经切换到使用角度cli为建设生产。安装很容易(没有意大利面条的gulp任务)，最后的包是超优化的(esp由于树摇晃)。我建议检查angular-cli设置，开发和构建您的ng2项目。

angularjs – Angular – 我可以从角度应用程序外部广播消息吗？

angularjs – Angular – 我可以从角度应用程序外部广播消息吗？

我有一个场景,我需要非角度代码(在这种情况下Facebook和Twitter JS sdk)来广播角度控制器可以收听的事件.为什么？在初始页面加载后,我通过 AJAX加载和修改页面中的内容.内容有多个喜欢/推特按钮(如博客/聚合器的首页).我想在Facebook“喜欢”按钮或Twitter“分享”按钮上发生点击时添加事件挂钩 – 页面中有一些,每当获取新内容时每个都在变化(再次,通过ajax ).

现在,SDK的处理方式不同：

推特

twttr.events.bind('click',function(event){
    // here I'd like to somehow
    // $rootScope.$broadcast("twitter:clicked",event.currentTarget)
});

Facebook的

FB.Event.subscribe("edge.create",function(resp) {
    // here I'd like to somehow
    // $rootScope.$broadcast("facebook:clicked",resp)
});

一些控制器

app.controller("SomeController",['$scope',function($scope) {
    $scope.$on("facebook:clicked",function(event,resp) {
        // do something with resp
    });

    $scope.$on("twitter:clicked",target) {
        // do something target
    });
}])

我们的想法是绑定这些事件处理程序,然后处理相关控制器中的广播消息,即使每次获取新内容时都会重新创建这些控制器.

所以基本上,我正在寻找的是一种方法来挂钩现有的已经初始化的角度应用程序的$rootScope和$广播消息,尽管不是应用程序的一部分.希望这是有道理的.谢谢.

解决方法

您可以绑定到Angular代码中的其他应用程序(在最有可能创建链接的指令中).这样您就可以访问$rootScope.

或者,如果您手动引导应用程序,则可以保留对注入器的引用并获取$rootScope：

var injector = angular.bootstrap(element,["myAppModule",...]);
var $rootScope = injector.get("$rootScope");

在任何情况下都不要忘记在外部事件后调用$apply.

今天关于部署Angular 4应用程序和angular4教程的讲解已经结束，谢谢您的阅读，如果想了解更多关于Angular 10：在实时服务器上部署Angular应用、Angular 4应用程序无法在IE11和Edge上运行、angular2 – 如何部署Angular 2应用程序开发的Typescript到生产？、angularjs – Angular – 我可以从角度应用程序外部广播消息吗？的相关知识，请在本站搜索。

本文标签：

上一篇angular – 删除离子3应用程序中提供程序的循环依赖关系

下一篇angularjs – 如何将现有的角应用程序移植到电子？（angular导入js）

相关文章