web-dev-qa-db-ja.com

Angular 2大文字小文字のみが異なる名前の複数のモジュール

コンパイル中に次の警告が発生します。

./src/app/state/actions/userClass.tsの警告大文字と小文字のみが異なる名前のモジュールが複数あります。これにより、他の大文字と小文字の意味を持つファイルシステムでコンパイルするときに、予期しない動作が発生する可能性があります。等しいケーシングを使用します。これらのモジュール識別子を比較してください：* /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js ？{configFileName： "tsconfig.webpack.json"}！/ Users/smp/Projects/training3/node_modules/angular2-template-loader/index.js！/ Users/smp/Projects/training3/node_modules/angular-router-loader /src/index.js?loader=system&genDir=compiled&aot=false!/Users/smp/Projects/training3/src/app/state/actions/UserClass.ts 1つのモジュールで使用されます。 e。 /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js?{configFileName： "tsconfig .webpack.json "}！/ Users/smp/Projects/training3/node_modules/angular2-template-loader/index.js！/Users/smp/Projects/training3/node_modules/angular-router-loader/src/index.js ？loader = system＆genDir = compiled＆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？{configFileName： "tsconfig.webpack.json"}！/ Users/smp/Projects/training3/node_modules/angular2-template-loader/index.js！/Users/smp/Projects/training3/node_modules/angular-router-loader/src/index.js？loader = system＆genDir = compiled＆aot = false！/ Users/smp/Projects/training3/src/app/state/actions/userClass.ts 3つのモジュールで使用されます。 e。 /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-TypeScript-loader/dist/entry.js?{configFileName： "tsconfig .webpack.json "}！/ Users/smp/Projects/training3/node_modules/angular2-template-loader/index.js！/Users/smp/Projects/training3/node_modules/angular-router-loader/src/index.js ？loader = system＆genDir = compiled＆aot = false！/Users/smp/Projects/training3/src/app/state/effects/userClass.ts

javascriptangulartypescriptwebpack
15
Helzgate

私のファイルの名前は問題ありません。私のインポートの1つでUserClassを大文字にしたため、この問題が発生しました。

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

インポートを次のように変更した後、エラーは解消しました：

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

インポートの作成中に間違えたため、同じエラーが発生しました。

どこかに書き込んだかどうかを確認してください->import {RouterModule} from '@ angular/Router';

次に、それを->import {RouterModule} from '@ angular/router';に変更します。

これは私の問題を解決しました。それもあなたのために働くことを願っています。

より明確にするために以下の画像を参照してください

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

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

11
sankalpvk18

Visual Studio Codeでコーディングしている場合、大文字でパスが追加されたり、小文字でパスが追加されたりすることがあります。

私の場合、Angular Materialコンポーネントが'@angular/material'から一部のファイルおよび（少なくとも2）その他のコンポーネントにインポートされたため、エラーが発生しました。 '@angular/Material'のファイル。

小文字'@angular/Material'は警告を削除しました。

お役に立てれば。

1
theshinylight

私はその警告ファイルの名前を変更した後を意図的に大文字に変更しました。

特定のファイルを別のフォルダーに移動して元のファイルに戻した後警告は消えました。

（私はいくつかのangular拡張機能付きのVSCを使用して、ファイルの移動時にインポートの更新を行います）

0
andymel

これは、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')
  }
///...
};

エントリセクションのscripts vs Scriptsの大文字と小文字に注意してください。

0
BlackICE

2回インポートしたか確認してください。

0
lpradhap

angular 4 App with asp.net core 2.0 and web packを実装しているときにこの問題に直面していました。

この問題は、2つの異なる「./」または「../」相対パス表記でサービスまたはクラスをインポートした場合に発生する可能性があります。

NavMenuComponentにコードをインポートします。

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

次のコードで変更するとエラーが解決しました

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

GitHubディスカッションの詳細

0
Ashish Patel