时间戳

首页 > 解决方案 > 运行 ng serve -o 时出现错误

angular-cli - 运行 ng serve -o 时出现错误

问题描述

当我运行 ng serve -o 命令时，出现以下错误，并且我已经尝试了所有方法...删除 node_modules 文件夹并卸载 angular cli，但是，似乎没有任何解决方法。

Error: ./src/styles.css
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js):
ModuleBuildError: Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: EISDIR: illegal operation on a directory, read
    at C:\Users\{name}\Downloads\MyApp\node_modules\webpack\lib\NormalModule.js:316:20
    at C:\Users\{name}\Downloads\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at C:\Users\{name}\Downloads\MyApp\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at context.callback (C:\Users\{name}\Downloads\MyApp\node_modules\loader- 
    runner\lib\LoaderRunner.js:111:13)
    at Object.loader (C:\Users\{name}\Downloads\MyApp\node_modules\postcss- 
    loader\dist\index.js:56:7)

Error: ./src/app/app.component.css
Module build failed (from ./node_modules/postcss-loader/dist/cjs.js):
Error: EISDIR: illegal operation on a directory, read

角 CLI 版本：

Angular CLI: 11.2.6
Node: 15.12.0
OS: win32 x64

Angular:
...
Ivy Workspace:

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.1102.6 (cli-only)
@angular-devkit/core         11.2.6 (cli-only)
@angular-devkit/schematics   11.2.6 (cli-only)
@schematics/angular          11.2.6 (cli-only)
@schematics/update           0.1102.6 (cli-only)

标签： angular-cli

解决方案

在尝试了一切之后，我能够通过删除我的 angular.json 文件中对 ./src/styles.css 的引用来解决这个问题。

“资产”：[“src/favicon.ico”，“src/assets”]，“样式”：[]，

然后我从 app.component.ts 文件的组件装饰器中的 styleUrls[] 属性中删除了对 app.component.css 的引用。

组件（{选择器：'ro-root'，templateUrl：'./app.component.html'}）

不知道为什么我最初收到错误，因为我使用 angular-cli 创建了项目，并且两个样式表都是空的。

推荐阅读