#angular #typescript #sass #angular-cli #angular-builder
#угловой #машинописный текст #нахальство #угловой-cli #угловой конструктор
Вопрос:
Когда я запущу npm run build
, какая из выполняемых ng build -c production
сборок будет завершена, как и ожидалось. Но командная строка будет заполнена этим предупреждением:
Warning: 303 rules skipped due to selector errors: 0% -gt; Unmatched selector: % 20% -gt; Unmatched selector: % 53% -gt; Unmatched selector: % 40% -gt; Unmatched selector: % 43% -gt; Unmatched selector: % 70% -gt; Unmatched selector: % 80% -gt; Unmatched selector: % 90% -gt; Unmatched selector: % ...
Как решить эту проблему с предупреждением?
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 } }
Ответ №1:
можете ли вы попытаться поместить следующее в свой файл «.browserlistrc». Файл находится в корневом каталоге вашего проекта.
последняя 1 версия Chrome
последняя 1 версия Firefox
последние 2 основные версии Edge
последние 2 основные версии Safari
последние 2 основные версии iOS
Firefox ESR
IE 11
Это однажды помогло мне исправить ошибку.
Комментарии:
1. Я не думаю, что это правильно answer…as вы не должны удалять браузеры из своего списка браузеров без существенного рассмотрения. Это говорит о том, что ваше приложение поддерживает только последнюю версию 1 Chrome, хотя на самом деле ваше приложение может нормально работать в более старых версиях. И эта конкретная ошибка, похоже, связана с ключевыми кадрами, некоторые браузеры не поддерживают % в объявлениях ключевых кадров анимации css.
2. Не очень хорошее решение. Я не хочу возиться с настройками по умолчанию.