属性“AppBrowserModule”必须后跟一个“：”Angular 6 Universal答案

【问题标题】：Property 'AppBrowserModule' must be followed by a ':' Angular 6 Universal属性“AppBrowserModule”必须后跟一个“：”Angular 6 Universal
【发布时间】：2018-11-28 07:24:24
【问题描述】：

我在尝试部署到 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)

【问题讨论】：

请尝试像这样导入 - import { AppBrowserModule } from '../../src/app/app.browser.module';
@PardeepJain 我已经更新了我的答案，即使在更改路径后它仍然会发生

标签： angular typescript angular-universal

【解决方案1】：

删除 sn-ps 代码几个小时后，我似乎发现了问题，

我在我的angular.json中使用了这个

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

由于某种原因，这会破坏 angular-universal 构建。

【讨论】：