Angular/node.js: 依存しているモジュールのrequireについて

Question

やりたいこと

Angularでアプリを起動したいです.

実行環境

OS：Windows 7

以下はAngularに関わりそうなソフトウェアについて、です.

C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web>node -v
v8.9.4
C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web>ng -v

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 6.1.2
Node: 8.9.4
OS: win32 x64
Angular: 6.1.2
... animations, cli, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.7.2
@angular-devkit/build-angular     0.7.2
@angular-devkit/build-optimizer   0.7.2
@angular-devkit/build-webpack     0.7.2
@angular-devkit/core              0.7.2
@angular-devkit/schematics        0.7.2
@ngtools/webpack                  6.1.2
@schematics/angular               0.7.2
@schematics/update                0.7.2
rxjs                              6.2.2
typescript                        2.7.2
webpack                           4.9.2
C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web>npm -v
5.6.0

困っていること

npmでインストールしたパッケージの中に、過去モジュールだったが現在node.jsのcoreモジュールになっている（？）らしい
もの（fs, child_processなど）があり、起動時に以下のようなエラーメッセージが出てしまいます.
実行したコマンドは
ng serve
でした。

ERROR in ./node_modules/cluster/lib/master.js
Module not found: Error: Can't resolve 'child_process' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'
ERROR in ./node_modules/cluster/lib/worker.js
Module not found: Error: Can't resolve 'child_process' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'
ERROR in ./node_modules/cluster/lib/master.js
Module not found: Error: Can't resolve 'dgram' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'
ERROR in ./node_modules/native-dns-cache/lookup.js
Module not found: Error: Can't resolve 'dgram' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\native-dns-cache'
ERROR in ./node_modules/native-dns/lib/utils.js
Module not found: Error: Can't resolve 'dgram' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\native-dns\lib'
ERROR in ./node_modules/native-dns/lib/server.js
Module not found: Error: Can't resolve 'dgram' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\native-dns\lib'
ERROR in ./node_modules/cluster/lib/master.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'
ERROR in ./node_modules/cluster/lib/cluster.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'
ERROR in ./node_modules/cluster/lib/plugins/cli.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib\plugins'
ERROR in ./node_modules/cluster/lib/plugins/logger.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib\plugins'
ERROR in ./node_modules/cluster/lib/plugins/reload.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib\plugins'
ERROR in ./node_modules/cluster/lib/plugins/pidfiles.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib\plugins'
ERROR in ./node_modules/cluster/lib/plugins/stats.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib\plugins'
ERROR in ./node_modules/log4js/lib/log4js.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\log4js\lib'
ERROR in ./node_modules/mkdirp/index.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\mkdirp'
ERROR in ./node_modules/native-dns/lib/platform.js
Module not found: Error: Can't resolve 'fs' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\native-dns\lib'
ERROR in ./node_modules/cluster/lib/master.js
Module not found: Error: Can't resolve 'tty' in 'C:\Users\user\Desktop\pleiades\workspace\tm-root\task-manager-web\node_modules\cluster\lib'

ないからといってパッケージ名を指定してインストールしても、空のパッケージがインストールされてしまい、結局上記パッケージに依存しているパッケージが依存解決できない状態です.

試したこと

何個かやってみたけどさっぱりでした。。

• fsなどはnode.jsのどこかのバージョンからcoreになっているということで、ひとまずエラーが出ているrequire('fs')的な部分を全てコメントアウト

　-> 当然ながら解析不可ということで起動できず

• node_modulesを一回まるごと削除して、再度npm install

　-> 上記エラーを取得し、未解決

その他

抜けばええやん、と言われそうですがパッケージにlo4jsを追加したところ、起動しなくなってしまいました.
※逆にいえば、それまではng serveで起動できていました.

ウェブで検索しても、いまいち有益な情報が得られなかったので、質問いたしました.
知見をお貸しいただければ幸いです.

どうぞよろしくお願いいたします.

Answer 1

プロジェクトのngとグローバルのngのバージョンに差異はないですか？
ng newで作成していると思うので初期のスクリプトなら

//package.json
  "scripts": {
    "start": "ng serve",

となっているはずです。

npm start

で起動してみてどうでしょうか。

https://mosapride.com/index.php/2018/08/10/post-1175/

追記文

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    "baseUrl": "./",
    "outDir": "./dist/out-tsc",
    "sourceMap": true,
    "declaration": false,
    "module": "es2015",
    "moduleResolution": "node",
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "target": "es5",
    "typeRoots": [
      "node_modules/@types"
    ],
    "lib": [
      "es2017",
      "dom"
    ]
  }
}

Comments

[catch_all_balls]

コメントありがとうございます。
おそらく、グローバルとの差はなさそうです。

おっしゃっていただいたように、
npm start
を実行しましたが、エラーログは同じでした。

angularのバージョン互換のあたりが怪しそうだったので、グローバル/ローカルともマイナーバージョンを下げてみました。。が、結果は変わらず、という感じでした。。

[mosapride]

プロジェクトの作成手順を書いてもらってよいですか？
通常なら

ng new project-name
cd project-name
npm start

で起動できるはずです。

[catch_all_balls]

回答が遅くなってしまい、失礼いたしました。

少し前のことなので既に記憶があやふやなのですが、基本的には記載いただいたように
ng new project-name
でプロジェクトを作成しました。
その証左と言えるかと思いますが、package.jsonには以下の記述があります：
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
}
そして、つい数日前までは
ng serve
で起動できていました。

上記質問内容に書いていない内容で大変恐縮なのですが、ロギング用にlog4jsを導入したあたりから
いろいろ怪しかったです。。
（抜けばいいと思うんですが、既にプログラムに入れてしまっており、いろいろ面倒だなと思っています。。）

[mosapride]

ルートディレクトリのtsconfig.jsonの変更などは行ってないですか？
Angular CLI: 6.1.4
Node: 8.10.0
OS: win32 x64
Angular: 6.1.3で作成したプロジェクトのtsconfig.jsonを回答に追記します。

[catch_all_balls]

お返事ありがとうございます。
変更していないと思います。
最終更新日時 = 作成日時となっていましたし、私も変更を加えたきおくがありません。。

Answer 2

npmでインストールしたパッケージの中に、過去モジュールだったが現在node.jsのcoreモジュールになっている（？）らしい

これは何処情報でしょうか？
日本語ドキュメントのv0.10時代のものを確認したところ、
エラーの原因となっている「File System」や「Child Processes」、「UDP / Datagram Sockets」等のモジュールは全て実装されています。
https://nodejs.org/docs/latest-v0.10.x/api/

0.12ならまだしも、0.10より古いとなるともう黎明期どころではなく、
恐らく4〜5年は古いはずであり、流石にそんなもん使うなよという話になります。

Angular CLIのGitHubを見ましたが、
2018/08/19現在、3日前にファイルが更新されている事からメンテナンスはきちんとされているようです。

いくらなんでもNode.jsのサポート対象から外れてしまっているバージョン4や0.12等より新しいものを想定しているはずです。
とまぁ、前提が誤っているんじゃないかな？という訳で軌道修正しましょう。

---

困っていること

そもそも何のコマンドを実行しようとしてエラーが出たのかがすっぽり抜けているので
当てずっぽうでの回答を強いられているわけですが、
まずはこんな感じで適当なフォルダを作成して、その中で下記のようなファイルを作って実行してみてください。

index.js

var fs = require('fs');
var hoge = fs. readFileSync(__dirname + '/hoge.txt');
console.log(hoge);

hoge.txt

hogehoge

ターミナルで実行

$ node index.js
hogehoge # 期待される出力文字列

本来ならばこの様に実行されるはずです。
しかし、質問文ではrequire('fs')と同時にエラーで死んでいるので、Node.js自体のインストールに失敗しているのではないかと私は疑っています。

同時に生成されたfsやchild_prosess等のJSファイルが格納されている場所にNode.js内のプログラムからアクセス出来ていない可能性があり、
質問文と同様に実行に失敗した場合、Node.jsのインストールに失敗しているのはほぼ確定でしょう。
一度Node.jsをアンインストールし、公式サイトからインストーラを実行して見てください。

Comments

[catch_all_balls]

すみません、いろいろ情報が抜けてて申し訳なかったです。
質問内容にてエラーが発生した際に実行したコマンドは

ng serve

でした。

その上でなのですが、おっしゃる2つのファイルを作成して、そのDirectoryでコマンドを実行してみました。

C:\Users\user\hogehoge>node index.js
<Buffer 68 6f 67 65 68 6f 67 65>

node.jsのインストールに失敗しているのでしょうか。。？
また、以前これとは別にnode.jsで簡単なAPIを作成した際は、普通に動きました。
そのため、node.jsそのものの欠損ではないのではないか、と思っています。

[catch_all_balls]

エラーを取得した際の実行コマンドを質問本文に追記しました。

[miyabi-sun]

> <Buffer 68 6f 67 65 68 6f 67 65>
ああ、失礼しました。これはBufferのほげほげですね。
fs.fileReadSyncで指定したファイルからはStringで取れる場合と、Bufferで取れる場合が２つありますので、`console.log(hoge.toString());`に変更してみてください。
というわけで、おっしゃるようにNode.jsそのものはちゃんと動作しているようです。

似た事例を探した所、Angular6とElectronを同時に入れて使おうとしたら大問題になってますね。
他にもなんか色々と漁れば違う現象のエラーが出まくっており、どうも怪しい感じがしますね……
https://github.com/angular/angular-cli/issues/10681

[catch_all_balls]

すいません私もファイルの読み書きが苦手なもので、そのままコピペしたものを動かしてしまいました。。
そうですね、node.jsはちゃんとうごいてくれていそうです。

参考URL、ありがとうございます。読んでみました。
angular本体のバージョンの問題なのかもしれないですね。。
よくよくもっかい確認してみたら、私のローカルは6系でした。。
大変参考になりました、もう少し自分でも調べてみます。

Answer 3

グローバル、プロジェクトのCLIのバージョンを下げる、等やってみましたがうまく解決できませんでした。
根本的にやり方を変えてみようと思いますので、本件ひとまず解決とします。