Question

我正在学习angular js。当我运行ng serve --open时，出现以下错误

ERROR in ./ansi-html 1:0
Module parse failed: Unexpected character '#' (1:0)
You may need an appropriate loader to handle this file type
> #!/bin/sh
| basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")

角度CLI版本是6.2.0

节点版本为8.11.4

npm版本为6.4.1

ansi-html文件为

#!/bin/sh
basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")

case `uname` in
    *CYGWIN*) basedir=`cygpath -w "$basedir"`;;
esac

if [ -x "$basedir/node" ]; then
  "$basedir/node"  "$basedir/node_modules/ansi-html/bin/ansi-html" "$@"
  ret=$?
else 
  node  "$basedir/node_modules/ansi-html/bin/ansi-html" "$@"
  ret=$?
fi
exit $ret

如果我删除第一行，则错误

ERROR in ./ansi-html 1:18
Module parse failed: Unexpected token (1:18)
You may need an appropriate loader to handle this file type.
> basedir=$(dirname "$(echo "$0" | sed -e 's,\\,/,g')")
|
| case `uname` in
i ?wdm?: Failed to compile.

Answer 1

大家好！我今年早些时候在Windows计算机（Windows 10企业版）上遇到了同样的问题。

原因？

我不知道为什么会这样。

解决方案？

您必须从计算机上完全卸载node.js。

我如何解决我的问题？

首先，我使用以下命令清理了缓存：“ npm cache clean --force”（不带引号）。
第二，我使用iobit卸载程序软件卸载了node.js（我只是明确表示这无关紧要）。
第三，我删除了nmp-cache C：\ Users \ YOURNAME \ AppData \ Roaming中的文件夹
第四，我从users \ USER DIRECTORY中删除了.npmrc文件（如果看不到该文件，则需要从文件资源管理器选项中显示隐藏的文件，文件夹和驱动器）。
第五，我删除了同一位置上的所有离子文件（users \ USER DIRECTORY ionic先前已安装）。

现在，重新启动计算机；请访问https://nodejs.org并下载一个新的node.js安装程序，在安装过程中，系统会询问您是否要为node.js安装其他工具，请跳过并继续完成。确认您已经成功安装了node.js，请运行以下命令：“ node --version && npm --version”（不带引号）。您应该会得到如下内容：

v11.11.0

6.7.0

如果此时一切都很好，请随时安装角钢；命令：“ npm install -g @ angular / cli”不带引号（-g标志将全局安装它，因此您可以在PC上的任何位置创建一个新的angular项目）。再次，确认安装；运行：“ ng --version”，您应该具有以下内容：

Angular CLI：7.3.6

节点：11.11.0

操作系统：win32 x64

角度：7.2.9

继续，然后再创建一个新的角度项目。确保您当前在正确的目录中。命令：不带引号的“ ng new project-name”（project-name是您要命名的项目）。成功安装后，通过打开项目目录（例如，不带引号的“ cd project-name”，然后单击“ ng serve --open”（-open标志在您的默认Web浏览器中打开项目），运行项目）

干杯。

Answer 2

此处与Windows 10计算机上的最新版本存在相同问题：

NPM : 6.4.1
Angular CLI: 7.3.4
Node: 10.15.2
OS: win32 x64
Angular: 7.2.7
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.13.4
@angular-devkit/build-angular     0.13.4
@angular-devkit/build-optimizer   0.13.4
@angular-devkit/build-webpack     0.13.4
@angular-devkit/core              7.3.4
@angular-devkit/schematics        7.3.4
@angular/cli                      7.3.4
@ngtools/webpack                  7.3.4
@schematics/angular               7.3.4
@schematics/update                0.13.4
rxjs                              6.3.3
typescript                        3.2.4
webpack                           4.29.0

Answer 3

当Visual Code意外地从“保护程序”导入{$}时，我的解决方案被破坏了。 “ ng build”之后的错误日志太长，但是与该主题非常相似。删除不需要的行并完成。

./ansi-html 1：0中的错误模块解析失败：意外的字符'＃'（1：0）

3 个答案: