时间戳

首页 > 解决方案 > 属性“AppBrowserModule”必须后跟一个“：”Angular 6 Universal

angular - 属性“AppBrowserModule”必须后跟一个“：”Angular 6 Universal

问题描述

我在尝试部署到heroku时突然在我的应用程序中遇到了这个错误

ERROR in Module build failed: 
   import { AppBrowserModule } from '.././src/app/app.browser.module';
           ^
         Property "AppBrowserModule" must be followed by a ':'
         in /tmp/build_7644f49ade809e431a37378b78d5aaeb/src/main.ts (line 1, column 10)

我以前从未见过这个错误，下面是我的 main.ts

import { AppBrowserModule } from '.././src/app/app.browser.module';
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

platformBrowserDynamic().bootstrapModule(AppBrowserModule)
  .catch(err => console.log(err));

有没有人有任何想法可能是什么问题？

我不明白为什么 AppBrowserModule 后面必须跟一个:

更新

改变了路径

import { AppBrowserModule } from './app/app.browser.module';

仍然收到此错误

import { AppBrowserModule } from './app/app.browser.module';
           ^
         Property "AppBrowserModule" must be followed by a ':'
         in /tmp/build_50914abeca937c3d51cd4592171d1581/src/main.ts (line 1, column 10)

标签： angulartypescriptangular-universal

解决方案

删除代码片段几个小时后，我似乎发现了问题，

我在我的angular.json

"stylePreprocessorOptions": {
          "includePaths": [
            ...
          ]
        },

由于某种原因，这打破了角度通用的构建。

推荐阅读