web-dev-qa-db-fra.com

Angular 2 modules multiples avec des noms qui ne diffèrent que par le boîtier

L'avertissement suivant se produit lors de la compilation:

AVERTISSEMENT dans ./src/app/state/actions/userClass.ts Il existe plusieurs modules avec des noms qui ne diffèrent que par le boîtier. Cela peut mener à comportement inattendu lors de la compilation sur un système de fichiers avec une autre cas sémantique. Utilisez un boîtier égal. Comparez ces identificateurs de module: * /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js?genconfigForum: __. "tsconfig.webpack.json"}!/Utilisateurs/smp/Projets/training3/node_modules/angular2-template-loader/index.js!/Utilisateurs/smp/Projets/training3/node_modules/angular-router-loader/src/index .js? loader = system & genDir = compilé & aot = false! /Users/smp/Projects/training3/src/app/state/actions/UserClass.ts Utilisé par 1 module (s), i. e . /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js?ingeconfigFile . "tsconfig.webpack.json"}!/Utilisateurs/smp/Projets/training3/node_modules/angular2-template-loader/index.js!/Utilisateurs/smp/Projets/training3/node_modules/angular-router-loader/src/index .js? loader = system & genDir = compilé & aot = false! /Users/smp/Projects/training3/src/app/features/portal/content/sab/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?genconfigForum: __. "tsconfig.webpack.json"}!/Utilisateurs/smp/Projets/training3/node_modules/angular2-template-loader/index.js!/Utilisateurs/smp/Projets/training3/node_modules/angular-router-loader/src/index .js? loader = system & genDir = compilé & aot = false! /Users/smp/Projects/training3/src/app/state/actions/userClass.ts Utilisé par 3 module (s), i. e . /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js?ingeconfigFile . "tsconfig.webpack.json"}!/Utilisateurs/smp/Projets/training3/node_modules/angular2-template-loader/index.js!/Utilisateurs/smp/Projets/training3/node_modules/angular-router-loader/src/index .js? loader = system & genDir = compilé & aot = false! /Users/smp/Projects/training3/src/app/state/effects/userClass.ts

javascriptangulartypescriptwebpack
11
Helzgate

Les noms de mes fichiers étaient bons. Ce problème est apparu car dans l'une de mes importations, j'ai mis en majuscule UserClass:

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

Après avoir modifié l'importation comme suit, l'erreur est partie:

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

J'avais la même erreur à cause d'une erreur que j'ai commise lors de l'écriture de l'importation.

Vérifiez si vous avez écrit quelque part -> import {RouterModule} depuis '@ angular/Router';

Maintenant changez le en -> import {RouterModule} depuis '@ angular/router';

Cela a résolu mon problème. J'espère que ça marchera pour toi aussi.

Voir les images ci-dessous pour plus de clarté

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

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

6
sankalpvk18

Cela peut aussi être causé par des entrées dans votre configuration Webpack:

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')
  }
///...
};

Notez la casse de scripts vs Scripts dans la section de saisie.

0
BlackICE

vérifiez si vous avez importé deux fois.

0
lpradhap

Je faisais face à ce problème lors de la mise en œuvre de Angular 4 App avec asp.net core 2.0 et du Web Pack.

Ce problème peut se produire si vous importez un service ou une classe avec deux types de notation relative "./" ou "../".

Code d'importation dans NavMenuComponent.

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

Changer avec le code suivant l'erreur a été résolue

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

En savoir plus sur la discussion sur GitHub

0
Ashish Patel