Угловая сборка — Ожидаемый идентификатор, но найден «*»

#angular #typescript #sass #angular-cli #angular-builder

#угловой #машинописный текст #нахальство #угловой-cli #угловой конструктор

Вопрос:

После обновления до углового 13.0.0 это предупреждение появляется при сборке:

 Warning: gt; styles.a81eb7805197853d.css:10615:2: warning: Expected identifier but found "*"  10615 │ *vertical-align: middle;  ╵ ^  

Почему это происходит?

package.json :

 {  "name": "wepod-clients",  "version": "3.2.3",  "scripts": {  "ng": "ng",  "start": "node patch.js amp;amp; ng serve",  "serve-auth": "ng run wepod-app:serve-auth-standalone:production",  "build": "node patch.js amp;amp; node --max_old_space_size=8192 ./node_modules/@angular/cli/bin/ng run wepod-app:app-shell:production amp;amp; ng run wepod-app:auth-standalone:production",  "server": "npm run build amp;amp; http-server -p 9090 -c-1 dist",  "test": "ng test",  "lint": "ng lint --fix",  "e2e": "ng e2e",  "postinstall": "node patch.js amp;amp; ngcc",  "postbuild": "node post-build.js",  "prepare": "husky install",  "build-latest": "git pull origin production amp;amp; npm run build"  },  "private": true,  "dependencies": {  "@angular/animations": "^13.0.0",  "@angular/cdk": "^13.0.0",  "@angular/cli": "^13.0.1",  "@angular/common": "^13.0.0",  "@angular/compiler": "^13.0.0",  "@angular/core": "^13.0.0",  "@angular/forms": "^13.0.0",  "@angular/localize": "^13.0.0",  "@angular/platform-browser": "^13.0.0",  "@angular/platform-browser-dynamic": "^13.0.0",  "@angular/platform-server": "^13.0.0",  "@angular/router": "^13.0.0",  "@angular/service-worker": "^13.0.0",  "@types/video.js": "^7.3.27",  "animate.css": "^4.1.1",  "assert": "^2.0.0",  "bowser": "^2.11.0",  "buffer": "^6.0.3",  "bundle-loader": "^0.5.6",  "compare-version": "^0.1.2",  "constants-browserify": "^1.0.0",  "crypto-browserify": "^3.12.0",  "crypto-js": "^4.1.1",  "d3": "^6.5.0",  "hammerjs": "^2.0.8",  "https-browserify": "^1.0.0",  "jalali-moment": "^3.3.10",  "lottie-web": "^5.7.13",  "lzutf8": "^0.6.0",  "net": "^1.0.2",  "ng-gallery": "^5.1.1",  "ng2-jalali-date-picker": "^2.4.2",  "ngx-device-detector": "^1.5.2",  "ngx-doughnut-chart": "0.0.4",  "ngx-infinite-scroll": "^8.0.2",  "ngx-lottie": "^7.0.4",  "ngx-owl-carousel-o": "^3.1.1",  "ngx-skeleton-loader": "^2.10.1",  "ngx-toastr": "^12.1.0",  "os-browserify": "^0.3.0",  "podchat-browser": "^10.14.13",  "rxjs": "^6.6.7",  "stream-browserify": "^3.0.0",  "stream-http": "^3.2.0",  "tls": "0.0.1",  "ts-ebml": "^2.0.2",  "tslib": "^2.0.0",  "uuid": "^8.3.2",  "video.js": "^7.15.4",  "videojs-record": "^4.5.0",  "zone.js": "~0.11.4"  },  "devDependencies": {  "@angular-devkit/build-angular": "^13.0.1",  "@angular-devkit/core": "^13.0.1",  "@angular/compiler-cli": "^13.0.0",  "@angular/language-service": "^13.0.0",  "@egjs/hammerjs": "^2.0.17",  "@types/hammerjs": "^2.0.40",  "@types/jasmine": "~3.6.0",  "@types/jasminewd2": "^2.0.10",  "@types/node": "^12.20.36",  "codelyzer": "^6.0.0",  "colors": "^1.4.0",  "git-tag-version": "^1.3.1",  "gulp": "^4.0.2",  "gulp-gzip": "^1.4.2",  "http-server": "^14.0.0",  "husky": "^7.0.4",  "jasmine-core": "~3.6.0",  "jasmine-spec-reporter": "~5.0.0",  "karma": "^6.3.7",  "karma-chrome-launcher": "~3.1.0",  "karma-coverage-istanbul-reporter": "^2.1.0",  "karma-jasmine": "~4.0.0",  "karma-jasmine-html-reporter": "^1.5.0",  "protractor": "^7.0.0",  "ts-node": "^8.10.2",  "tslint": "^6.1.3",  "typescript": "4.4.4",  "zip-dir": "^2.0.0"  },  "browser": {  "fs": false,  "path": false,  "os": false  } }  

Например, я предоставил часть своего css кода ниже:

 audio, canvas, video {  display: inline-block;  *display: inline;  *zoom: 1; }  

Я много искал. Никакого результата.

Комментарии:

1. Можете ли вы также опубликовать файл styles.css? Согласно предупреждению, в вашем css-файле что-то не так.

2. Это 15 тысяч строк кода @Raffael

3. строк 10600 — 10650 должно быть достаточно

4. У меня сейчас нет доступа к коду, но у меня более 100 таких ошибок, и эти строки выглядят так: «*дисплей: блок;» или как ошибка, о которой я упоминал.

5. Как я прочитал: * — это хак для более старых версий IE. Угловой без поддержки логера IE, так что, возможно, именно поэтому он ломается. Если вам нужно поддерживать IE, то, возможно, обновление до 13-не очень хорошая идея.