Dart Angular 示例答案

【问题标题】：Dart Angular sampleDart Angular 示例
【发布时间】：2017-03-10 02:04:03
【问题描述】：

我正在使用 IntelliJ IDEA 开发一个 Dart/Angular 应用程序，来自 IDEA 的新项目向导。

编译 OK 后，我尝试从浏览器（作为本地文件运行）和 Web 访问（由 Apache2 提供服务）加载它。

但页面（index.html）只是显示简单的“正在加载...”，没有进一步显示等。

谁能给点提示？

【问题讨论】：

由于 Chrome 浏览器的安全限制，从本地文件加载 AFAIK 不应该工作。你在用路由器吗？
正如我所说，该文件（或更准确地说，build 目录中的整个编译输出）也由 Apache 提供，但仍然只显示“正在加载...”，我使用的是 Firefox，铬
但是从 IDEA 启动时它在 Dartium 中工作（没有构建）？
@GünterZöchbauer 是的，确实如此，尽管加载速度很慢......
只有第一次变慢还是连续重新加载？

标签： angular intellij-idea dart

【解决方案1】：

我想我已经解决了这个问题。

注意到index.html 在<script>...</script> 部分的输出中有几行：

<script>
    // WARNING: DO NOT set the <base href> like this in production!
    // Details: https://webdev.dartlang.org/angular/guide/router
    (function () {
        // App being served out of web folder (like WebStorm does)?
        var match = document.location.pathname.match(/^\/[_\w]+\/web\//);
        var href = match ? match[0] : '/';
        document.write('<base href="' + href + '" />');
    }());
</script>

只需注释掉编译器生成的所有内容。

需要注意的一点是：在 IDEA 中，我已检查编译为“生产”，在命令行中 pub help build 告诉我默认的 mode 是 release，所以我真的想知道为什么这些行不是编译到生产版本时取出？

【讨论】：

生产（发布）模式是指生成的 JavaScript，而不是 HTML 或图像资产。很抱歉造成这种混乱。请关注/更新this IntelliJ/WebStorm bug 以了解我们为什么需要该脚本。