项目未在 Angular 中运行

Posted

技术标签:

【中文标题】项目未在 Angular 中运行【英文标题】:Project is not running in Angular 【发布时间】:2021-07-24 21:27:26 【问题描述】:

我在 Angular 中的项目没有构建。当我运行应用程序(ng serve -o)时,它显示以下消息:

`发生未处理的异常:找不到模块'@angular-devkit/build-angular/package.json' 需要堆栈:

C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\node-modules-architect-host.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\architect\node\index.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\models\architect-command.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\commands\serve-impl.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\export-ref.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\node_modules@angular-devkit\schematics\tools\index.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\utilities\json-schema.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\models\command-runner.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\lib\cli\index.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\lib\init.js C:\Users\User\AppData\Roaming\npm\node_modules@angular\cli\bin\ng 有关详细信息,请参阅“C:\Users\User\AppData\Local\Temp\ng-2zf3VF\angular-errors.log”。`

当我尝试安装 npm -

`npm 错误!代码 1

npm 错误!路径 H:\javascript\Practise\Angular\gkb-app\node_modules\node-sass

npm 错误!命令失败

npm 错误!命令 C:\Windows\system32\cmd.exe /d /s /c 节点脚本/build.js

npm 错误!构建:C:\Program Files\nodejs\node.exe H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-gyp\bin\node-gyp.js 重建 --verbose --libsass_ext= --libsass_cflags = --libsass_ldflags= --libsass_library=

npm 错误!如果它以 ok 结尾,它会起作用的 gyp 信息

npm 错误! gyp动词cli [

npm 错误! gyp 动词 cli 'C:\Program Files\nodejs\node.exe',

npm 错误! gyp 动词 cli 'H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-gyp\bin\node-gyp.js',

npm 错误! gyp动词cli'重建',

npm 错误! gyp动词cli '--verbose',

npm 错误! gyp动词cli '--libsass_ext=',

npm 错误! gyp动词cli '--libsass_cflags=',

npm 错误! gyp动词cli '--libsass_ldflags=',

npm 错误! gyp动词cli'--libsass_library='

npm 错误! gyp动词cli]

npm 错误!使用 node-gyp@3.8.0 的 gyp 信息

npm 错误!使用 node@14.16.1 的 gyp 信息 | win32 | x64

npm 错误! gyp动词命令重建[]

npm 错误! gyp 动词命令 clean []

npm 错误! gyp verb clean 删除“build”目录

npm 错误! gyp动词命令配置[]

npm 错误! gyp verb check python 检查 PATH 中的 Python 可执行文件“c:\python27\python.exe”

npm 错误! gyp动词which失败错误:未找到:c:\python27\python.exe

npm 错误! gyp 动词 which 在 getNotFoundError 失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:13:12)

npm 错误! gyp 动词 which 在 F 处失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:68:19)

npm 错误! gyp 动词 which 在 E 处失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:80:29)

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:89:16 失败了

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\isexe\index.js:42:5 失败

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\isexe\windows.js:36:5 失败

npm 错误! gyp 动词 which 在 FSReqCallback.oncomplete (fs.js:183:21) 失败

npm 错误! gyp 动词which 失败 c:\python27\python.exe 错误:未找到:c:\python27\python.exe

npm 错误! gyp 动词 which 在 getNotFoundError 失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:13:12)

npm 错误! gyp 动词 which 在 F 处失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:68:19)

npm 错误! gyp 动词 which 在 E 处失败 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:80:29)

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\which\which.js:89:16 失败了

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\isexe\index.js:42:5 处失败

npm 错误! gyp 动词 which 在 H:\JavaScript\Practise\Angular\gkb-app\node_modules\isexe\windows.js:36:5 失败

npm 错误! gyp 动词 which 在 FSReqCallback.oncomplete (fs.js:183:21) 失败

npm 错误! gyp动词which失败代码:'ENOENT'

npm 错误! gyp动词which失败

npm 错误! gyp 动词找不到“c:\python27\python.exe”。检查 python 启动器

npm 错误! gyp 动词找不到“c:\python27\python.exe”。猜测位置

npm 错误! gyp 动词确保文件存在:C:\Python27\python.exe

npm 错误!吉普错误!配置错误

npm 错误!吉普错误!堆栈错误:找不到 Python 可执行文件“c:\python27\python.exe”,您可以设置 PYTHON 环境变量。

npm 错误!吉普错误!堆栈在 PythonFinder.failNoPython (H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-gyp\lib\configure.js:484:19)

npm 错误!吉普错误! PythonFinder 的堆栈。 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-gyp\lib\configure.js:509:16)

npm 错误!吉普错误!回调堆栈 (H:\JavaScript\Practise\Angular\gkb-app\node_modules\graceful-fs\polyfills.js:295:20)

npm 错误!吉普错误!堆栈在 FSReqCallback.oncomplete (fs.js:183:21)

npm 错误!吉普错误!系统 Windows_NT 10.0.17763

npm 错误!吉普错误!命令“C:\Program Files\nodejs\node.exe”“H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-gyp\bin\node-gyp.js”“重建”“--verbose” "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library="

npm 错误!吉普错误! cwd H:\JavaScript\Practise\Angular\gkb-app\node_modules\node-sass

npm 错误!吉普错误!节点 -v v14.16.1

npm 错误!吉普错误!节点gyp -v v3.8.0

npm 错误!吉普错误!不行

npm 错误!构建失败,错误代码:1

npm 错误!可以在以下位置找到此运行的完整日志:

npm 错误! C:\Users\User\AppData\Local\npm-cache_logs\2021-05-02T02_06_34_403Z-debug.log ` 我尝试了几种解决方案,但这些都不起作用。请看一看。谢谢

【问题讨论】:

在运行ng serve 命令之前运行并尝试npm install 命令 【参考方案1】:

NodeJs 14 的 Node-Sass 版本至少应为 v4.14.0.,如果您正在运行旧代码,只需将 NodeJs 切换到 V12,然后全局安装 angular,然后 npm 安装项目。

【讨论】:

以上是关于项目未在 Angular 中运行的主要内容,如果未能解决你的问题,请参考以下文章

未捕获的 ReferenceError:ace 未在 Angular 4 中定义

Angular5:供应商包未在 Jenkins 构建中更新

NPM 包未在 Angular 生产应用程序中导入

styleUrls 未在 angular2 ChildComponent (RC5) 中加载

错误:.css 中的加载器未在 Angular 12.1.1 中返回字符串

Angular - 未捕获的 ReferenceError:$ 未在 Object../src/assets/dist/js/pages/dashboard2.js 中定义