web-dev-qa-db-de.com

Angular 2 Mehrere Module, deren Namen sich nur im Gehäuse unterscheiden

Die folgende Warnung wird beim Kompilieren angezeigt:

WARNUNG in ./src/app/state/actions/userClass.ts Es gibt mehrere Module mit Namen, die sich nur im Gehäuse unterscheiden. Das kann dazu führen unerwartetes Verhalten beim Kompilieren auf einem Dateisystem mit anderen Fall-Semantik. Gleiches Gehäuse verwenden. Vergleichen Sie diese Modulkennungen: * /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js? __. "tsconfig.webpack.json"}!/Benutzer/smp/Projekte/training3/node_modules/angle2-template-loader/index.js!/Benutzer/smp/Projects/training3/Knoten_module/angle-router-loader/src/index .js? loader = system & genDir = kompiliert & aot = false! /Users/smp/Projects/training3/src/app/state/actions/UserClass.ts Wird von 1 Modul (en) verwendet, z. e . /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js? . "tsconfig.webpack.json"}!/Benutzer/smp/Projekte/training3/node_modules/angle2-template-loader/index.js!/Benutzer/smp/Projects/training3/Knoten_module/angle-router-loader/src/index .js? loader = system & genDir = kompiliert & aot = false! /Users/smp/Projects/training3/src/app/features/portal/content/tabs/userclasses/userclasses.component.ts * /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js? __. "tsconfig.webpack.json"}!/Benutzer/smp/Projekte/training3/node_modules/angle2-template-loader/index.js!/Benutzer/smp/Projects/training3/Knoten_module/angle-router-loader/src/index .js? loader = system & genDir = kompiliert & aot = false! /Users/smp/Projects/training3/src/app/state/actions/userClass.ts Wird von 3 Modul (en) verwendet, z. e . /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js? . "tsconfig.webpack.json"}!/Benutzer/smp/Projekte/training3/node_modules/angle2-template-loader/index.js!/Benutzer/smp/Projects/training3/Knoten_module/angle-router-loader/src/index .js? loader = system & genDir = kompiliert & aot = false! /Users/smp/Projects/training3/src/app/state/effects/userClass.ts

11
Helzgate

Die Namen meiner Dateien waren in Ordnung. Dieses Problem ist aufgetaucht, weil bei einem meiner Importe UserClass großgeschrieben wurde:

import * as userClassActions from '../../../../../state/actions/UserClass';

Nachdem der Import folgendermaßen geändert wurde, verschwand der Fehler:

import * as userClassActions from '../../../../../state/actions/userClass';
36
Helzgate

Ich habe dieselbe Fehlermeldung erhalten, weil ich beim Importieren einen Fehler gemacht habe.

Prüfen Sie, ob Sie irgendwo geschrieben haben -> import {Routemodul} von '@ angle/Router';

Ändern Sie jetzt in -> import {RouterModule} von '@ angle/router';

Das hat mein Problem gelöst. Ich hoffe es funktioniert auch für dich.

Sehen Sie sich die Bilder unten für mehr Klarheit an

  1. https://i.stack.imgur.com/wS1nh.png

  2. https://i.stack.imgur.com/GyDGs.png

6
sankalpvk18

Wenn Sie mit Visual Studio Code codieren, kann es vorkommen, dass ein Pfad mit Großbuchstaben und ein anderer mit einem niedrigeren Buchstaben hinzugefügt wird.

In meinem Fall wurde der Fehler angezeigt, weil Winkelmaterial Komponenten aus '@angular/material' In einige Dateien und in (mindestens 2) importiert wurden. andere Dateien von '@angular/Material'.

Die Warnung wurde durch Kleinschreibung '@angular/Material' Entfernt.

Hoffe das hilft.

1
theshinylight

Dies kann auch durch Einträge in Ihrer Webpack-Konfiguration verursacht werden:

const path = require('path');
const webpack = require('webpack');

module.exports = {
  mode: 'development'
  , entry: {
    crm: './Scripts/app/crm/crm.router.js'
    , labels: './Scripts/app/labels/labels.router.js'
    , admin: './scripts/app/crm/admin/admin.router.js'
  }
  , output: {
    filename: '[name]Bundle.js'
    , path: path.resolve(__dirname, 'dist')
  }
///...
};

Beachten Sie das Gehäuse von scripts vs Scripts im Eingabebereich.

0
BlackICE

prüfen Sie, ob Sie zweimal importiert haben.

0
lpradhap

Bei der Implementierung der eckigen 4-App mit asp.net core 2.0 und dem Web Pack stand ich vor diesem Problem.

Dieses Problem kann auftreten, wenn Sie einen Dienst oder eine Klasse mit zwei unterschiedlichen "./" oder "../" relativen Pfadnotationen importieren.

Importieren Sie Code in NavMenuComponent.

import { SampleService } from '../../services/sample.service';  

Durch folgenden Code wurde der Fehler behoben

import { SampleService } from './../../services/sample.service';    

Erfahren Sie mehr über die GitHub-Diskussion

0
Ashish Patel