Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/30.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
轻松部署Angular2应用程序,我需要学习SystemJS和Gulp吗?_Angular_Gulp_Web Hosting_Systemjs - Fatal编程技术网

轻松部署Angular2应用程序,我需要学习SystemJS和Gulp吗?

轻松部署Angular2应用程序,我需要学习SystemJS和Gulp吗?,angular,gulp,web-hosting,systemjs,Angular,Gulp,Web Hosting,Systemjs,我用Angular2写了一个应用程序。在本地使用lite服务器,该应用程序运行良好。现在我有了一个网络主机,我可以通过ftp传输文件。我天真地尝试将所有文件传输到服务器,并更正了一些绝对路径,以确保我的应用程序可以在服务器上访问 这不管用。你可以看到它在这里不起作用 . 然后我开始在网上读到这方面的文章,在那里我没有找到我跳的那么多。我发现有些人说你应该只上传所有的js文件,所有的东西都应该工作,这对我来说不起作用,但也许我犯了一些愚蠢的错误 其他人则解释了使用Gulp、Webpack、Syst

我用Angular2写了一个应用程序。在本地使用lite服务器,该应用程序运行良好。现在我有了一个网络主机,我可以通过ftp传输文件。我天真地尝试将所有文件传输到服务器,并更正了一些绝对路径,以确保我的应用程序可以在服务器上访问

这不管用。你可以看到它在这里不起作用 . 然后我开始在网上读到这方面的文章,在那里我没有找到我跳的那么多。我发现有些人说你应该只上传所有的js文件,所有的东西都应该工作,这对我来说不起作用,但也许我犯了一些愚蠢的错误

其他人则解释了使用Gulp、Webpack、SystemJs的过程。。。 但当他们这样做时,他们会以一种我不理解的方式解释,因为我对这些事情一无所知。 在我看来,这些流程也在关注如何使应用程序更小、更高效,这一点我一点也不在乎,也许将来我会,但现在我只想让它像本地一样工作

所以我真正想知道的是,尽管制作一个本地工作的应用程序非常容易,但部署起来这么难是正常的吗?在本地工作和在服务器上工作之间还有这么多吗?我需要遵循有关Gulp、SystemJs等的教程吗?是因为Angular2现在不生产吗

如果答案是肯定的,我首先需要哪一个,我如何开始学习这些东西

我在这个网站上发现了几个最相关的问题 但没有任何答案能帮助我

我也尝试了第一个答案,但我完全不了解SystemJs和吞咽阻碍了我

在另一个问题中,我发现了这个有效的例子
但是我没有机会将我的项目与这个项目进行比较,我不明白示例中应该是什么,我的项目中应该保持什么样的状态,我所有的尝试都以我的应用程序在本地不再工作或没有改进而告终。

在你的
index.html
中,你有以下几行:

<script src="sse/test/bundle.js"></script>
<script>
  System.import('sse/test/bundle.js')
        .then(null, console.error.bind(console));
</script>
而且应用程序应该可以运行…

你试过了吗?
很容易使用,但我建议你学习。SystemJS和Webpack只是装载机和捆绑机的选择,Gulp只是一个构建系统,一个很好的系统,但根本不是必需的。

你是超级天才的策划者。它是有效的,或者说是最有效的,似乎我对绝对路径有更多的问题。非常感谢您的帮助。请问您是否认为我应该将问题改为,在index.html文件中查找错误?
<script>
  System.import('main')
        .then(null, console.error.bind(console));
</script>