首页 > 解决方案 > ./ansi-html 1:0 中的错误模块解析失败:意外字符“#”(1:0)

问题描述

我正在学习角度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.

标签: angularjsnpm

解决方案


大家好!今年早些时候,我在我的 Windows 机器(Windows 10 Enterprise)上遇到了同样的问题。

原因?

我不知道为什么会发生这种情况。

解决方案?

你必须从你的机器上完全卸载 node.js。

我怎么解决我的?

  1. 首先,我使用以下命令进行了缓存清理:“npm cache clean --force”,不带引号。
  2. 其次,我使用 iobit 卸载程序软件卸载了 node.js(我只是明确表示没关系)。

  3. 第三,我删除了 C:\Users\YOURNAME\AppData\Roaming 中的 nmp-cache 文件夹

  4. 第四,我从 users\USER DIRECTORY 中删除了 .npmrc 文件(如果看不到此文件,则需要从文件资源管理器选项中显示隐藏文件、文件夹和驱动器)。
  5. 第五,我删除了同一位置的所有 ionic 文件(以前安装了 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”,你应该有这样的东西:

角 CLI:7.3.6

节点:11.11.0

操作系统:win32 x64

角度:7.2.9

继续创建一个新的 Angular 项目,就在你这样做之前;确保您当前位于正确的目录中。命令:“ng new project-name”,不带引号(项目名称是您想要命名项目的名称)。成功安装后,通过打开项目目录运行您的项目,例如“cd project-name”不带引号,然后“ng serve --open”(--open 标志在您的默认 Web 浏览器中打开项目,需要几秒钟) .

干杯。


推荐阅读