Angular 设置测试奇怪的输出

Question

我创建了一个新的 angular 项目，我想根据 documentation.

设置测试

所以我运行:

ng test

但是输出不是我所期望的：

t̸̡̙̪͙͎̼̬̮̣̜̜̤͉̬͚̰͚̙͉̮̥̜̞͕̬̝̻͕̬̭͍̦̫̳͈̯̰̳̹̭̦͈̦͔̲̱̒͗̄͊ͥ̈̏́ͧ̊̔̿̚͟͡͝ͅͅé̴̝͍͉̣̹̯̖̯͓̘̠͇͍͙̭̙̻̬͖̫̯̘̟͎̤̯ͭ͐ͥ̒ͦ͒̓̀̐̋ͤ͟ș̷̴͔͈͎͖̙̞̹̍̓ͬ̓ͬ̈̓̃ͦ̌̔͒̊ͧ̓̂ͦ͝͞ț̨̧͍̩̬̟̺̦͇̜̜̣̳͇͓͂̓̊̂ͭ̏̏ͩ͌̎̿̈͗ͧ̓́̒̿͘͟į̰̲̤̖̲͇̲̣̻̘̗̤͍̖͖̠̖̟͔̞͎͚͎͉̫͇͍̻͙͚͈̥͎̼̻̝̜͍̭̗̩̳̖͙̫͈͕̩̱̹̮̹̯̪͚̺͔͙̜͉̣͚ͤ͑̓̅̈͆̀̃ͮ̋ͤͧ́̕ͅͅͅͅn̶̵̰̜̲̗͎̯͈̰̰̼̯̦̞̫̞̠̥͈̖̬̼̖̻̹̤͎̥̳̠̟̺̮̯̭̟̮̻̫̗͈͖͖͍͔̤̉́̈͆̅ͣ̀̈̃̈̅̓ͤ̀̏̾ͣ̅́ͅͅͅgͦ͐̏ͧ̌̍ ҉̷̨̣̰͈̪̭͔̼͈͕͇̼͚͖͎̞͍̮̬̣̩͍̼͈̟̖̜͎͉̳̱͇̱̤̦̤̩̞̮̳͜͡ͅ ̈̌̇ͥͬ͐̌ͣ̒͋͗́͛ͩ̓̈̃̚͟ ҉̵̬͕̦̤̰͚̬͎̗̰͈̳̱͇̯̟̼̜̜̰͖ṱ̶̨̢̛̩̫̮̺̣̯̬̣͎̠̟̤͎̞͕̦̠̰̫̱̖̱̪͙͙̫̞͔͙̜͓͔͙͉̗͙̞̳̜̰͕͇͚͓̞̭̲̰͙̲̲̤͇̘̥̲̉ͬͪ̇͡ͅͅͅͅè̴̸̛̪͓͚̘̞̙͈̫̦͓̰͚̼͇̦̤͔͈̫͍̪̠͍̬̥̭̙̠̥̗̺͇͙̣̲͈̞̲͍̻͓̖͙͙ͨ̏̀͆ͤͮ̋̾̋͘s̵̞̞͈̮̫̭͔̬̹̻͍̳͕͎̭͎̗̗͚͔̖̰̭̣̙̪̱͓̥̺̣̠̗̝͔̞̱̩̥̲̰̠͎̱͓̻̼͓̪̩̼̤̍̍̈̑ͤ̓̓̉̓̇ͨͮ̋̋̀͋̕͜t̜̰̮͉̲̺̣ͧ̅͋ͥ͊ͤͭͪ͑ͪ͐̍̑ͬ̄͐̌́̚͡i̴̪̹̲̲͚͈̝̼͙̊͂ͪͨ̌ͨ̊̏͆ͧ̉̅́̀̀̋͂ͦ͟͢͞n̴̡̖̖̬̪̲̰̪̝͓͖̺̯̯̬͖͚͚̼͖͖̠̝̙͈̥̩̤̮̲̭̝̯͎͚͎̳̤͚͈͓̟͓̟͓̪͎̮̥̩̯͙̞͔̻̹̖͚ͣͤ̃͒̈̑ͩͩͩ͢͡ͅģ̶̠̗͔̖͉̲̝͉̻̟̮̤̖͈̯͎̮̰͈͙͔̽̑ͦ̇͑̆́͐͐̅̇̓ͭ͑̅́ ̧̢̙̱͓͈̯̮̤̬͍̪̬̲̠̖͎̙̠̖̘ͬ̇͛̏̆̎̀͘͡ͅt̴̸̢̝̯̮̣͖̝̫̞͍̹̯̱̣̦͙̲͇̙͈̗̭͉̪͕̬͚̺̝͍̼̹̼͉̯ͫ̌̅̓̽̒͆͌̇́̊͟ͅͅe̟̲̥̰̤͍̭͙̦̙̤̬̳͍̰͙͕̞̜̺̰̻͇̞̱̗̤̤͔̲̠̯͕̳ͯ̄̂ͥ̊́͘͘͘ṣ̸̴̢̯̯͉͎̥̤͔̫̭̝̩̥̟̓͊ͮ̃ͭ̽ͯ̈̏̆̇̏̈̏ͫ͘͢ͅt̑̅͒ͨͩ̐̈ͤ̀ ҉̴̻̲̥͔̼̖̥͕͔̥͔̭͖̼̹̹͎͓͇̬̼̲͎̦͕͇͕̫̮̠̫̻͎̮̻̗̗͓

我尝试更新 ng 并创建一个新项目，但没有进行任何更改。然后我又运行

ng test

但我仍然得到同样的结果，你会如何解决这个问题？

Answer 1

正如@Vikas 提到的那样，它链接到该新闻：https://www.bleepingcomputer.com/news/security/dev-corrupts-npm-libs-colors-and-faker-breaking-thousands-of-apps/

为了修复它，我在 package-lock.json 中搜索了 /colors。我发现了两次：

我将版本从 1.4.2 更改为 1.4.0，行如下所示：

    "node_modules/colors": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
      "dev": true,
      "engines": {
        "node": ">=0.1.90"
      }
    },

    "colors": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
      "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
      "dev": true
    },

Answer 2

这里是有关修复的更多详细信息。确实是@Vikas提到的问题

为了证明问题：

启动ng test >> "res.txt"
当文件 res.txt 增长时，使用 CTRL+C 停止命令并使用 Notepadd++ 打开它
你可以看到这样的代码 "!H|H|H|H|H H__________________________________ H|┬º|┬º|┬º|H H|* * * * *" 并以卡尔·皮尔彻的名字

如果您在 node_modules 中搜索“Pilcher”，您会在 node_modules\colors\lib\custom\american.js 中找到他的名字
如前所述，要解决问题：

启动npm install如果包-lock.json已被删除以便再次创建
更改颜色版本：之前：

"colors": {
  "version": "1.4.2",
  "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.2.tgz",
  "integrity": "sha512-5QhJWPFZqkKIieXJPpCprdOytvH7v0AGWpu9K2jZ4LWkGg3dVBNoYPgGGRpEsc0jb8Boy0ElYrdjH9uXfhRSqw==",
  "dev": true
},

之后：

"colors": {
  "version": "1.4.0",
  "resolved": "https://registry.npmjs.org/colors/-/colors-1.4.0.tgz",
  "integrity": "sha512-a+UqTh4kgZg/SlGvfbzDHpgRu7AAQOmmqRHJnxhRZICKFUT91brVhNNt58CMWU9PsBbv3PDCZUHbVxuDiH2mtA==",
  "dev": true
},

推出npm install降级彩包

最好的方法是让编辑在没有 node_modules\colors\lib\custom\american.js

Angular 设置测试奇怪的输出

Angular setup test weird output

angular

testing

karma-jasmine