Question

我正在开发一个具有以下结构的 Angular 应用程序：

-App
-----findcourse
-----login
-----mainlayout
-----navbar
-----register

我已经在 app.module.ts 中定义了我的路由，并使用 router-outlet 在 html 文件中调用它。但是，当我尝试运行我的代码时，它抛出了一个错误：

ERROR in ./src/app/app.module.ts 13:15                                                                                  
Module parse failed: Unexpected token (13:15)                                                                           
File was processed with these loaders:                                                                                   
* ./node_modules/@ngtools/webpack/src/index.js                                                                         
You may need an additional loader to handle the result of these loaders.                                                
| import * as i0 from "@angular/core";                                                                                  
| import * as i1 from "@angular/router";                                                                                
> const appRoutes;                                                                                                      
| [                                                                                                                     
|     { path: '/', component: MainlayoutComponent },

这是我的 index.js 文件：

"use strict";
/**
 * @license
 * Copyright Google Inc. All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.io/license
 */
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
    if (k2 === undefined) k2 = k;
    o[k2] = m[k];
}));
var __exportStar = (this && this.__exportStar) || function(m, exports) {
    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.NgToolsLoader = exports.default = void 0;
__exportStar(require("./angular_compiler_plugin"), exports);
__exportStar(require("./interfaces"), exports);
var loader_1 = require("./loader");
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return loader_1.ngcLoader; } });
exports.NgToolsLoader = __filename;

Answer 1

我通过在我的 index.html 文件中添加这个来解决它

<app-root>
**<div class="load-container">
  <div class="loader"></div>
</div>**
</app-root>

Angular：模块解析失败：意外的令牌 (13:15)

1 个答案: