【问题标题】:Module not found: Error: Can't resolve './' in 'C:\pathToFeeds'未找到模块:错误:无法解析“C:\pathToFeeds”中的“./”
【发布时间】:2017-12-18 11:46:37
【问题描述】:

我知道这个问题以前被问过多次,但似乎没有一个适合我的情况。

从标题可以看出,我的应用程序出现错误:

这是我的应用程序的目录结构:

这是我的 app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FeedsComponent } from './Components/Feeds/feeds.component';
import { StatusComponent } from './Components/Status/status.component';

import { AppComponent } from './app.component';

@NgModule({
  declarations: [
    AppComponent,
    FeedsComponent,
    StatusComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

这是我的 feeds.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'feeds',
    templateUrl: './feeds.component.html',
    styleUrls: ['']
})

export class FeedsComponent {
    public testText: string = 'Feeds Test Text';
}

这是我的 status.component.ts

import { Component } from '@angular/core';

@Component({
    selector: 'status',
    templateUrl: './status.component.html',
    styleUrls: ['']
})

export class StatusComponent {
    public testText: string = 'Test Status Text';
}

我做了以下事情:

  • 已将我的 angular/cli 更新到最新版本。
  • 尝试在 app.module.ts 的导入中使用以下内容:'../app/Components/Status/status.component'

当我尝试为我的应用程序提供服务时,为什么会从 webbpack 收到此错误?

【问题讨论】:

  • 试试../Components/Status/status.component

标签: node.js angular webpack visual-studio-code


【解决方案1】:

我解决了我的问题,不知道为什么我在 Stackoverflow 上发帖后总是想起这些事情,但我不得不从 @Component({}) 中删除以下内容。

我必须删除 feeds.component.tsstatus.component.ts 中的空 styleUrls: ['']

我的组件现在如下所示:

@Component({
    selector: 'status',
    templateUrl: './status.component.html'
})

【讨论】:

    猜你喜欢
    • 2018-08-11
    • 1970-01-01
    • 2017-03-22
    • 2021-07-04
    • 2017-04-18
    • 2019-12-26
    • 2019-01-31
    • 1970-01-01
    • 2022-11-10
    相关资源
    最近更新 更多