cli - webpack 3 angular 2

Advertencias falsas "no encontradas" en el proyecto Angular-CLI/Webpack

Question

Recibo un montón de advertencias, como las siguientes, de que no se pueden encontrar las cosas, pero están en los lugares correctos y mi aplicación se ejecuta, por lo que las advertencias deben estar equivocadas. Estoy usando la versión webpack 2.1.0-beta.22 y webpack-dev-server 2.1.0-beta.10. Mi proyecto está en GitHub aquí

¿Sabes cómo puedo solucionar esto? ¡Gracias!

[WDS] Warnings while compiling.
client:73 ./src/app/debate/claim/claim.component.ts
38:55 export ''Claim'' was not found in ''../../core/store/claim/claim.model''
Error: export ''Claim'' was not found in ''../../core/store/claim/claim.model''
    at HarmonyImportSpecifierDependency.getWarnings (/Users/Dan/work/bernierebuttals/gba/node_modules/angular-cli/node_modules/webpack/lib/dependencies/HarmonyImportSpecifierDependency.js:34:14)
    at /Users/Dan/work/bernierebuttals/gba/node_modules/angular-cli/node_modules/webpack/lib/Compilation.js:645:21
    at Array.forEach (native)
    at /Users/Dan/work/bernierebuttals/gba/node_modules/angular-cli/node_modules/webpack/lib/Compilation.js:644:22
    at Array.forEach (native)
    at Compilation.reportDependencyWarnings (/Users/Dan/work/bernierebuttals/gba/node_modules/angular-cli/node_modules/webpack/lib/Compilation.js:643:9)
    at Compilation.<anonymous> (/Users/Dan/work/bernierebuttals/gba/node_modules/angular-cli/node_modules/webpack/lib/Compilation.js:505:8)
    at Array.forEach (native)
    at Compilation.finish 

Rastro de pila completo

La estructura del archivo se ve así:

app
├── core

│   ├── store

│   │   ├── claim
│   │   │   ├── README.md
│   │   │   ├── claim.actions.ts
│   │   │   ├── claim.effects.ts
│   │   │   ├── claim.model.ts
│   │   │   └── claim.reducer.ts

├── debate
│   ├── README.md
│   ├── claim
│   │   ├── claim.component.css
│   │   ├── claim.component.html
│   │   ├── claim.component.spec.ts
│   │   └── claim.component.ts

y de ./src/app/core/store/claim/claim.model.ts

import { Rebuttal } from ''../rebuttal/rebuttal.model'';

export interface Claim {
...

Answer 1

Tal vez estos enlaces pueden resolver su problema: [1] y [2]

Así que intenté agregar un nuevo archivo para exportarlo solo en la interfaz, y las advertencias desaparecieron:

Creé el archivo de interfaces para reclamo, reclamo-refutación y refutación:

/** /src/app/core/store/claim/claim.interface.ts */
export { Claim } from ''./claim.model''


/** /src/app/core/store/claim-rebuttal/claim-rebuttal.interface.ts */
export { ClaimRebuttal } from ''./claim-rebuttal.model''


/** /src/app/core/store/rebuttal/rebuttal.interface.ts */
export { Rebuttal } from ''./rebuttal.model''

Luego exporté esto en el índice.

export { Claim } from ''./claim/claim.interface''
export { Rebuttal } from ''./rebuttal/rebuttal.interface''
export { ClaimRebuttal } from ''./claim-rebuttal/claim-rebuttal.interface''

Finalmente, solo para cambiarlo en el claim.component y otros archivos:

import { Claim, Rebuttal, ClaimRebuttal }  from ''../../core/store'';
// ...

@Component({ ...})
export class ClaimComponent {

y también en el componente de refutación:

import { Rebuttal, Claim }  from ''../../core/store'';

@Component({...})
export class RebuttalComponent implements OnInit {
...