Angular npm运行构建:prod、hatas和x131&引用;TS2307:找不到模块“;通用角度ng工具包
我想编辑搜索引擎优化的网站。 我有一个名为Angular npm运行构建:prod、hatas和x131&引用;TS2307:找不到模块“;通用角度ng工具包,angular,npm,Angular,Npm,我想编辑搜索引擎优化的网站。 我有一个名为ngtoolkituniversal的包,我正在尝试使用它 我按照这个链接上的描述安装了它* 我使用ng add@ng toolkit/universal--http false安装了这个包 运行npm后运行build:prod 我犯了以下错误- src\app\app.module.ts(169,7)中出错:模板编译期间出错 无法解析“AppModule”的 相对于[object]的src/shared/confirm-equal-validator.
ngtoolkituniversal
的包,我正在尝试使用它
我按照这个链接上的描述安装了它*
我使用ng add@ng toolkit/universal--http false安装了这个包
运行npm后运行build:prod
我犯了以下错误-
src\app\app.module.ts(169,7)中出错:模板编译期间出错
无法解析“AppModule”的
相对于[object]的src/shared/confirm-equal-validator.directive
对象]。。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/logiuser”。
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 ERR!错误1 npm错误!unchained@0.0.0
构建:客户端和服务器捆绑包:ng构建--prod&&ng运行
未锁定:服务器:生产
npm错误!退出状态1 npm错误!npm错误!
失败unchained@0.0.0构建:客户端和服务器捆绑包脚本。
npm错误!这可能不是npm的问题。有可能
上面的附加日志输出
npm错误!此运行的完整日志可在以下位置找到:npm ERR
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache\u logs\2019-04-24T12\u 47\u 29\u 290Z-debug.log
npm错误!代码ELIFECYCLE npm ERR!错误1 npm错误!unchained@0.0.0
构建:ssr:npm运行构建:客户端和服务器捆绑包&&npm运行
编译:服务器
npm错误!退出状态1 npm错误!npm错误!失败
unchained@0.0.0构建:ssr脚本。npm错误!这可能不是个好主意
npm的问题。上面可能还有其他日志输出
npm错误!此运行的完整日志可在以下位置找到:npm ERR
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache\u logs\2019-04-24T12\u 47\u 29\u 333Z-debug.log
npm错误!代码ELIFECYCLE npm ERR!错误1 npm错误!unchained@0.0.0
构建:prod:npm运行构建:ssr
npm错误!退出状态1 npm错误!npm
犯错误失败unchained@0.0.0构建:prod脚本。npm错误!这是
npm可能没有问题。可能还有其他日志记录
以上输出
npm错误!此运行的完整日志可在以下位置找到:npm ERR
C:\Users\Zafer.Kirik\AppData\Roaming\npm-cache\u logs\2019-04-24T12\u 47\u 29\u 374Z-debug.log
PS D:\UnchainedRepoClone\unchained25032019\unchained-9>节点-v
v11.14.0 PS D:\UnchainedReportClone\Unchained25032019\unchained-9>
角度-v角度:术语“角度”不被识别为名称
指cmdlet、函数、脚本文件或可操作程序。检查
名称的拼写,或者如果包含路径,请验证路径
是正确的,请尝试。第1行字符:1
+角v
+ ~~~~~~~
+CategoryInfo:ObjectNotFound:(angular:String)[],CommandNotFoundException
+FullyQualifiedErrorId:CommandNotFoundException
My 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 { }
似乎您还没有执行命令:npm install,它将下载并安装所有需要的模块和依赖项。
(根据日志,模块丢失)您似乎还没有执行命令:npm install,它将下载并安装所有需要的模块和依赖项。
(根据日志,模块丢失)我可以要求您通过提供:src\app\app.module.ts(169,7)文件的来源来扩展问题吗?也许对模块/文件结构有一些想法(似乎这个项目相当大,并且有很多依赖项),尝试将src/shared中缺少的指令移动到app/shared中,并更新app.module中的导入链接。我可以要求您通过提供:src\app\app.module.ts(169,7)文件的源来扩展这个问题吗?也许对模块/文件结构有一些想法(看起来这个项目相当大,并且有很多依赖项),尝试将src/shared中缺少的指令移动到app/shared中,并更新app.module中的导入链接