node.js - HTML5 模式 - ui-router - 未捕获的语法错误 : Unexpected token <

Question

努力让 html5 模式与 ui-router 一起玩，但似乎有很多问题

一个我现在无法解决的问题很奇怪，所以任何建议都表示赞赏。

我有这些状态:

        .state('app', {
                url: '/app',
                templateUrl: 'views/app/app.html',
                resolve: {
                    loggedin: checkLoggedin
                }
        })
        .state('app.docs', {
                url: "/docs",
                templateUrl: "views/app/app.docs.html",
                controller: "DocsController"
        })

        .state('app.create-doc', {
                url: "/docs/create",
                templateUrl: "views/app/app.editor.html",
                controller: "DocController"
        })

        .state('app.edit-doc', {
                url: "/docs/:short",
                templateUrl: "views/app/app.editor.html",
                controller: "DocController"
        })

        .state('app.account', {
                url: "/account",
                templateUrl: "views/app/app.account.html",
                controller: "AccountController"
        })

当不在 html5 模式(使用 hashbang)时，我导航到 /#/app/docs/create一切正常，控制台中没有错误。

但是，当我在 html5 模式下导航到 /app/docs/create 时我在控制台中收到一大堆错误 Uncaught SyntaxError: Unexpected token <对于我的每个 Controller 和服务。

很抱歉，我无法对此提供更详细的信息，但我根本不知道是什么导致了这个问题？？？

Answer 1

需要注意的一件大事是您的网址。尝试在您的 templateUrls 和您的 Javascript 包含 URL 之前放置一个“/”，以便它们是绝对 URL。当浏览器试图访问一个 JS 文件并且它取回 HTML(通常是一个 404 页面)时，这个错误是很常见的。

一旦您开始查看像“/docs/create”这样的 URL，浏览器就会将相对 URL 视为其下的子路径，如果您不为此设置陷阱，则很容易导致此错误。 (查看上面调试器中的“网络”选项卡可能有助于确认这一点。)