属性 'AppBrowserModule' 后面必须跟一个 ':' Angular 6 通用

Question

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

Answer 1

删除代码片段几个小时后，我似乎找到了问题所在，

我在 angular.json

中使用它

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

出于某种原因，这会破坏 angular- 通用版本。

属性 'AppBrowserModule' 后面必须跟一个 ':' Angular 6 通用

Property 'AppBrowserModule' must be followed by a ':' Angular 6 Universal

typescript

angular-universal

angular