npm run build:prod, hatası "TS2307: 找不到模块" angular ng toolkit Universal答案

【问题标题】：npm run build:prod, hatası " TS2307: Cannot find module" angular ng toolkit universalnpm run build:prod, hatası "TS2307: 找不到模块" angular ng toolkit Universal
【发布时间】：2019-09-13 19:14:45
【问题描述】：

我想为 seo 编辑网站。我有一个名为 ng toolkit universal 的包，我正在尝试使用它。

我按照这个链接的描述安装了它，*

我使用ng add @ ng-toolkit / universal --http false安装了这个包

运行后npm run build: prod

我收到以下错误-

src\app\app.module.ts(169,7) 中的错误：模板编译期间出错 'AppModule' 无法解决 src/shared/confirm-equal-validator.directive 相对于 [object 对象].. src/app/home/stream-videos/stream-videos.component.ts(3,31)：错误 TS2307：找不到模块“src/app/services/router.service”。 src/app/home/stream-videos/stream-videos.component.ts(5,27): 错误 TS2307：找不到模块“src/app/models/Twchannel”。 src/app/admin/login/login.component.ts(2,32)：错误 TS2307：不能找到模块'src/app/app_classes/globalvariable'。 src/app/admin/login/login.component.ts(3,29)：错误 TS2307：不能找到模块'src/app/services/auth.service'。 src/app/admin/login/login.component.ts(4,27)：错误 TS2307：不能找到模块'src/app/models/loginUser'。 src/app/home/instagram/instagram.component.ts(2,34)：错误 TS2307：找不到模块“src/app/services/instagram.service”。 src/app/home/instagram/instagram.component.ts(3,33)：错误 TS2307：找不到模块“src/app/models/instagramPhotos”。 src/app/home/instagram/instagram.component.ts(5,30)：错误 TS2307：找不到模块“src/app/app.component”。 src/app/home/instagram/instagram.component.ts(6,30)：错误 TS2307：找不到模块“src/app/nav/nav.component”。 src/app/admin/streams-ctrl/streams-ctrl.component.ts(2,32): 错误 TS2307：找不到模块“src/app/services/streams.service”。 src/app/admin/streams-ctrl/streams-ctrl.component.ts(3,25): 错误 TS2307：找不到模块“src/app/models/streams”。 src/app/admin/videos-ctrl/videos-ctrl.component.ts(2,24): 错误 TS2307：找不到模块“src/app/models/videos”。 src/app/admin/videos-ctrl/videos-ctrl.component.ts(3,31): 错误 TS2307：找不到模块“src/app/services/videos.service”。 src/app/home/stream-videos/stream-details/stream-details.component.ts(3,32)：错误 TS2307：找不到模块“src/app/services/streams.service”。 src/app/home/stream-videos/stream-details/stream-details.component.ts(4,25)：错误 TS2307：找不到模块 'src/app/models/streams'。 src/app/admin/modal/modal.component.ts(10,37)：错误 TS2307：不能找到模块'src/app/models/achievementsAddEdit'。

npm 错误！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ unchained@0.0.0 构建：客户端和服务器捆绑包：ng build --prod && ng run Unchained:server:production npm ERR！退出状态 1 npm ERR！ npm 错误！在 unchained@0.0.0 build:client-and-server-bundles 脚本中失败。 npm 错误！这可能不是 npm 的问题。有可能上面的附加日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache_logs\2019-04-24T12_47_29_290Z-debug.log npm 错误！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ unchained@0.0.0 构建：ssr：npm run build:client-and-server-bundles && npm run compile:server npm 错误！退出状态 1 npm ERR！ npm 错误！失败了 unchained@0.0.0 build:ssr 脚本。 npm 错误！这可能不是一个 npm 的问题。上面可能还有额外的日志输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache_logs\2019-04-24T12_47_29_333Z-debug.log npm 错误！代码 ELIFECYCLE npm 错误！ errno 1 npm 错误！ unchained@0.0.0 构建：产品：npm run build:ssr npm 错误！退出状态 1 npm ERR！ npm 呃！在 unchained@0.0.0 build:prod 脚本中失败。 npm 错误！这是 npm 可能不是问题。可能有额外的日志记录上面的输出。

npm 错误！可以在以下位置找到此运行的完整日志：npm ERR！
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache_logs\2019-04-24T12_47_29_374Z-debug.log PS D:\UnchainedRepoClone\unchained 25032019\unchained-9> 节点 -v v11.14.0 PS D:\UnchainedRepoClone\unchained 25032019\unchained-9> angular -v angular ：术语“angular”未被识别为名称 cmdlet、函数、脚本文件或可运行程序的名称。检查名称的拼写，或者如果包含路径，请验证路径是正确的，然后再试一次。在行：1 字符：1 +角度-v + ~~~~~~~ + CategoryInfo : ObjectNotFound: (angular:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException

我的 AppModule.ts：

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
    import { AnimateComponent } from './animate/animate.component';
    import { HttpClientModule } from "@angular/common/http";
    import { AppRoutingModule } from './app-routing.module';
    import { AppComponent } from './app.component';
    import { HomeComponent } from './home/home.component';
    import { SliderComponent } from './home/slider/slider.component';
    import { NavComponent } from './nav/nav.component';
    import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
    import { TeamsComponent } from './teams/teams.component';
    import { StreamVideosComponent } from './home/stream-videos/stream-videos.component';
    import { NewsComponent } from './home/news/news.component';
    import { CalendarMinComponent } from './home/news/calendar-min/calendar-min.component';
    import { FixtureComponent } from './fixture/fixture.component';
    import { OurTeamsComponent } from './home/our-teams/our-teams.component';
    import { InstagramComponent } from './home/instagram/instagram.component';

    import { InstagramService } from './services/instagram.service';
    import { GalleryComponent } from './gallery/gallery.component';
    import { FooterComponent } from './footer/footer.component';
    import { PartnersComponent } from './partners/partners.component';
    import { StreamsComponent } from './streams/streams.component';
    import { VideoComponent } from './video/video.component';
    import { AdminComponent } from './admin/admin.component';
    import { LoginComponent } from './admin/login/login.component';
    import { OthernavComponent } from './othernav/othernav.component';
    import { FormsModule, ReactiveFormsModule } from '@angular/forms';
    import { LoginGuard } from './app_classes/login.guard';
    import { AuthService } from './services/auth.service';
    import { JwtHelperService } from '@auth0/angular-jwt';
    import { LeftsidebarComponent } from './admin/leftsidebar/leftsidebar.component';
    import { StreamsCtrlComponent } from './admin/streams-ctrl/streams-ctrl.component';
    import { SafePipe } from './pipe/safe.pipe';
    import { VideosCtrlComponent } from './admin/videos-ctrl/videos-ctrl.component';
    import { StreamDetailsComponent } from './home/stream-videos/stream-details/stream-details.component';
    import { IconControlPipe } from './pipe/iconControl.pipe';
    import { AchievementsComponent } from './achievements/achievements.component';
    import { AchievementsCtrlComponent } from './admin/achievements-ctrl/achievements-ctrl.component';
    import { AchievementsSearchPipe } from './pipe/AchievementsSearch.pipe';
    import { AchievementsFilterByDatePipe } from './pipe/achievementsFilterByDate.pipe';
    import { AchievementsFilterByPrizePipe } from './pipe/achievementsFilterByPrize.pipe';
    import { ModalComponent } from './admin/modal/modal.component';

       import {
       MatButtonModule,
       MatCardModule,
       MatDialogModule,
       MatIconModule, 
       MatMenuModule,
       MatToolbarModule,
       MatAutocompleteModule,
       MatBadgeModule,
       MatBottomSheetModule,
       MatButtonToggleModule,
       MatCheckboxModule,
       MatChipsModule,
       MatStepperModule,
       MatDatepickerModule,
       MatDividerModule,
       MatExpansionModule,
       MatGridListModule,
       MatInputModule,
       MatListModule,
       MatNativeDateModule,
       MatPaginatorModule,
       MatProgressBarModule,
       MatProgressSpinnerModule,
       MatRadioModule,
       MatRippleModule,
       MatSelectModule,
       MatSidenavModule,
       MatSliderModule,
       MatSlideToggleModule,
       MatSnackBarModule,
       MatSortModule,
       MatTableModule,
       MatTabsModule,
       MatTooltipModule,
       MatTreeModule,
    } from '@angular/material';
    import { FileUploadModule } from 'ng2-file-upload';
    import { AchievementsFilterByGamePipe } from './pipe/achievementsFilterByGame.pipe';
    import { IntToactivepassivePipe } from './pipe/intToactivepassive.pipe';
    import { SanitizeHtmlPipe } from './pipe/sanitizeHtml.pipe';
    import { StreamsHomeComponent } from './home/stream-videos/streamsHome/streamsHome.component';
    import { VideosHomeComponent } from './home/stream-videos/videosHome/videosHome.component';
    import { VideoDetailsComponent } from './home/stream-videos/video-details/video-details.component';
    import { VideoOrderByDescPipe } from './pipe/videoOrderByDesc.pipe';
    import { RouterLinkReplacePipe } from './pipe/routerLinkReplace.pipe';
    import { RouterLinkUnReplacePipe } from './pipe/RouterLinkUnReplace.pipe';
    import { TwitchchannelsCtrlComponent } from './admin/twitchchannels-ctrl/twitchchannels-ctrl.component';
    import { ModalfortwitchctrlComponent } from './admin/twitchchannels-ctrl/modalfortwitchctrl/modalfortwitchctrl.component';
    import { TwchannelsGameIdToNameConvertPipe } from './pipe/twchannelsGameIdToNameConvert.pipe';
    import { TwchannelsPlayerIdToNameConvertPipe } from './pipe/twchannelsPlayerIdToNameConvert.pipe';
    import { TwhannelsSearchByUserNamePipe } from './pipe/twhannelsSearchByUserName.pipe';
    import { TwchannelsSearchByIdPipe } from './pipe/twchannelsSearchById.pipe';
    import { UsersCtrlComponent } from './admin/users-ctrl/users-ctrl.component';
    import { ModalforusersctrlComponent } from './admin/users-ctrl/modalforusersctrl/modalforusersctrl.component';
    import { ConfirmEqualValidatorDirective } from 'src/shared/confirm-equal-validator.directive';
    import { A11yModule } from '@angular/cdk/a11y';
    import { CdkStepperModule } from '@angular/cdk/stepper';
    import { CdkTableModule } from '@angular/cdk/table';
    import { CdkTreeModule } from '@angular/cdk/tree';
    import { PortalModule } from '@angular/cdk/portal';
    import { ScrollingModule } from '@angular/cdk/scrolling';
    import { DragDropModule } from '@angular/cdk/drag-drop';

    @NgModule({
       declarations: [
          AppComponent,
          HomeComponent,
          SliderComponent,
          NavComponent,
          TeamsComponent,
          TeamsComponent,
          StreamVideosComponent,
          NewsComponent,
          AnimateComponent,
          CalendarMinComponent,
          FixtureComponent,
          OurTeamsComponent,
          GalleryComponent,
          InstagramComponent,
          FooterComponent,
          PartnersComponent,
          StreamsComponent,
          VideoComponent,
          AdminComponent,
          LoginComponent,
          OthernavComponent,
          LeftsidebarComponent,
          StreamsCtrlComponent,
          VideosCtrlComponent,
          StreamDetailsComponent,
          AchievementsComponent,
          AchievementsCtrlComponent,
          ModalComponent,
          StreamsHomeComponent,
          VideosHomeComponent,
          VideoDetailsComponent,
          TwitchchannelsCtrlComponent,
          ModalfortwitchctrlComponent,
          UsersCtrlComponent,
          ModalforusersctrlComponent,
          SafePipe,
          IconControlPipe,
          AchievementsSearchPipe,
          AchievementsFilterByDatePipe,
          AchievementsFilterByPrizePipe,
          AchievementsFilterByGamePipe,
          IntToactivepassivePipe,
          SanitizeHtmlPipe,
          VideoOrderByDescPipe,
          RouterLinkReplacePipe,
          RouterLinkUnReplacePipe,
          TwchannelsGameIdToNameConvertPipe,
          TwchannelsPlayerIdToNameConvertPipe,
          TwhannelsSearchByUserNamePipe,
          TwchannelsSearchByIdPipe,


          ConfirmEqualValidatorDirective
       ],
       imports: [
          BrowserModule,
          HttpClientModule,
          AppRoutingModule,
          NgbModule,
          BrowserAnimationsModule,
          FormsModule,
          MatToolbarModule,
          MatCardModule,
          MatMenuModule,
          MatIconModule,
          MatButtonModule,
          MatDialogModule,
          FileUploadModule,
          MatAutocompleteModule,
          ReactiveFormsModule,
          A11yModule,
          CdkStepperModule,
          CdkTableModule,
          CdkTreeModule,
          DragDropModule,
          MatAutocompleteModule,
          MatBadgeModule,
          MatBottomSheetModule,
          MatButtonModule,
          MatButtonToggleModule,
          MatCardModule,
          MatCheckboxModule,
          MatChipsModule,
          MatStepperModule,
          MatDatepickerModule,
          MatDialogModule,
          MatDividerModule,
          MatExpansionModule,
          MatGridListModule,
          MatIconModule,
          MatInputModule,
          MatListModule,
          MatMenuModule,
          MatNativeDateModule,
          MatPaginatorModule,
          MatProgressBarModule,
          MatProgressSpinnerModule,
          MatRadioModule,
          MatRippleModule,
          MatSelectModule,
          MatSidenavModule,
          MatSliderModule,
          MatSlideToggleModule,
          MatSnackBarModule,
          MatSortModule,
          MatTableModule,
          MatTabsModule,
          MatToolbarModule,
          MatTooltipModule,
          MatTreeModule,
          PortalModule,
          ScrollingModule
       ],
       exports: [
          A11yModule,
          CdkStepperModule,
          CdkTableModule,
          CdkTreeModule,
          DragDropModule,
          MatAutocompleteModule,
          MatBadgeModule,
          MatBottomSheetModule,
          MatButtonModule,
          MatButtonToggleModule,
          MatCardModule,
          MatCheckboxModule,
          MatChipsModule,
          MatStepperModule,
          MatDatepickerModule,
          MatDialogModule,
          MatDividerModule,
          MatExpansionModule,
          MatGridListModule,
          MatIconModule,
          MatInputModule,
          MatListModule,
          MatMenuModule,
          MatNativeDateModule,
          MatPaginatorModule,
          MatProgressBarModule,
          MatProgressSpinnerModule,
          MatRadioModule,
          MatRippleModule,
          MatSelectModule,
          MatSidenavModule,
          MatSliderModule,
          MatSlideToggleModule,
          MatSnackBarModule,
          MatSortModule,
          MatTableModule,
          MatTabsModule,
          MatToolbarModule,
          MatTooltipModule,
          MatTreeModule,
          PortalModule,
          ScrollingModule,

       ],
       providers: [
          InstagramService,
          LoginGuard,
          AuthService
       ],
       bootstrap: [
          AppComponent
       ],
       entryComponents: [ModalComponent, ModalfortwitchctrlComponent, ModalforusersctrlComponent]
    })

export class AppModule { }

【问题讨论】：

标签： angular npm

【解决方案1】：

您似乎还没有执行命令：npm install，它将下载并安装所有需要的模块和依赖项。（根据日志，模块丢失了）

【讨论】：

能否请您通过提供 src\app\app.module.ts(169,7) 文件的来源来扩展问题？可能还有一些关于模块/文件结构的想法（看起来项目很大并且有很多依赖项）
尝试将 src/shared 中遗漏的指令移动到 app/shared 并更新 App.module 中的导入链接