V15-M16-500-Pepperl Fuchs-Сосуды
Магазин не будет работать корректно в случае, если куки отключены.
Похоже, в вашем браузере отключен JavaScript. Для наилучшего взаимодействия с нашим сайтом обязательно включите Javascript в своем браузере.
Подробная информация о продукте
Обзор
Кабели, серия
Артикул №
V15-M16-500
Кабели/аксессуары, 456932
Информация о серии
Документы 9 0011
- Техническая спецификация
- шнуры,
- Популярные продукты от Pepperl Fuchs
Технические характеристики
Номер детали производителя | 456932 |
---|---|
Артикул | |
Производитель | Пепперл Фукс |
Семейная серия | Шнуры Pepperl Fuchs |
Розетка Описание | Прямая розетка |
Соединитель класса | Микро (M12) |
Конфигурация разъема | Женский к летающим выводам |
Пол гнезда | Женщина |
Угловой держатель | Прямой |
Розеточный разъем, тип | М12 |
Сторона 2 Тип подключения | ведет |
Количество контактов | 5 |
Тип крепления | Переднее крепление |
Размер разъема | М12 х 1,00 |
Длина | 0,5 м |
Монтажная резьба | М16 х 1,50 |
Количество проводов | 5 |
Максимальное напряжение | 60 В постоянного тока |
Текущий рейтинг | 4 А |
Диапазон температур (C) | -40-85 °С |
Степень защиты IP | IP67 |
Тип индикатора | Нет |
Сертификаты | cURus |
Вес нетто | 0,0485 фунта |
Вес брутто | 0,0485 фунта |
© Copyright 2023 Galco Industrial Electronics, Все права защищены.
Руководство по миграции — Обновление до Angular v15
Обновление Angular с версии 12.* до версии 15.*
В этом документе содержатся инструкции по обновлению Angular до версии 15 в вашем проекте Spryker.
Обзор
Наша текущая версия Angular — v12 с v9совместимость. Согласно политике, Angular v12 устарел 12 ноября 2022 г. Текущая стабильная версия Angular — v15.
Нам необходимо выполнить обновление до последней основной версии, чтобы получить последние исправления ошибок и исправления безопасности, а также производительность во время выполнения и инструменты. Мы не можем поддерживать совместимость со старыми версиями Angular при обновлении Angular v15. Таким образом, обновление требует основного выпуска для этих модулей:
-
ZedUi
-
DashboardMerchantPortalGui
-
Графическая таблица
-
MerchantProfileMerchantPortalGui
-
ProductMerchantPortalGui
-
ПродуктПредложениеПортал продавцаGui
-
SalesMerchantPortalGui
-
SecurityMerchantPortalGui
-
UserMerchantPortalGui
Расчетное время миграции: 2 часа
1) Модули обновления
- Модули обновления до новой версии:
Модули маркетплейса должны соответствовать следующим версиям:
НАЗВАНИЕ | ВЕРСИЯ |
---|---|
DashboardMerchantPortalGui | >= 2. 0.0 |
Графическая таблица | >= 2.0.0 |
MerchantProfileMerchantPortalGui | >= 2.0.0 |
ПродуктПродавецПорталGui | >= 3.0.0 |
ПродуктПредложениеПродавецПорталГрафический интерфейс | >= 2.0.0 |
SalesMerchantPortalGui | >= 2.0.0 |
SecurityMerchantPortalGui | >= 2.0.0 |
UserMerchantPortalGui | >= 2.0.0 |
ЗедУи | >= 2.0.0 |
Если нет, обновите версии модуля вручную или с помощью следующей команды:
composer update spryker/dashboard-merchant-portal-gui spryker/gui-table spryker/merchant-profile-merchant-portal-gui spryker/product -merchant-portal-gui spryker/product-offer-merchant-portal-gui spryker/sales-merchant-portal-gui spryker/security-merchant-portal-gui spryker/user-merchant-portal-gui spryker/zed-ui
- Регенерация объекта передачи данных:
передача консоли: генерировать
2) Обновление Webpack
Перед началом миграции убедитесь, что Webpack версии 5; если это v4, требуется руководство по миграции Webpack.
3) Обновить зависимости NPM
В
package.json
выполните следующие действия:Обновите или добавьте следующие зависимости:
{ "зависимости": { "@angular/анимации": "~15.0.3", "@angular/cdk": "~15.0.3", "@angular/элементы": "~15.0.3", "@angular/forms": "~15.0.3", "@angular/маршрутизатор": "~15.0.3", "@angular/common": "~15.0.3", "@angular/компилятор": "~15.0.3", "@угловой/ядро": "~15.0.3", "@angular/platform-browser": "~15.0.3", "@angular/platform-browser-dynamic": "~15.0.3", "rxjs": "~7.5.7", "zone.js": "~0.12.0" }, "devDependencies": { "@angular-builders/custom-webpack": "~15.0.0", "@angular-devkit/build-angular": "~15.0.3", "@angular-eslint/builder": "~15.0.0", "@angular-eslint/eslint-plugin": "~15.0.0", "@angular-eslint/eslint-plugin-template": "~15.0.0", "@angular-eslint/schematics": "~15. 0.0", "@angular-eslint/template-parser": "~15.0.0", "@angular/cli": "~15.0.3", "@angular/compiler-cli": "~15.0.3", "@angular/language-service": "~15.0.3", "@nrwl/cli": "~15.0.7", "@nrwl/jest": "~15.0.7", "@nrwl/workspace": "~15.0.7", "@types/jest": "~28.1.1", "@typescript-eslint/eslint-plugin": "~5.44.0", "@typescript-eslint/parser": "~5.44.0", "eslint": "~8.28.0", "eslint-plugin-deprecation": "~1.3.3", "шутка": "~28.1.3", "шутка-среда-jsdom": "~ 28.1.1", "шутка-предустановка-угловой": "~12.2.3", "nx": "~15.0.7", "ts-jest": "~28.0.8", "ts-узел": "~10,9.1", "машинопись": "~4.8.4" } }
Удалите следующие зависимости:
{ "devDependencies": { "@nrwl/тао": "~12.10.1", "codelyzer": "~6.0.0", "машинопись-эслинт-парсер": "~ 22.0.0" } }
Обновление и установка зависимостей пакетов:
rm -rf node_modules установка нпм
4) Обновление конфигурации Angular
В
frontend/merchant-portal
, сделайте следующее:Переименуйте файл
jest. config.js
вjest.config.ts
и замените его содержимое следующим:экспорт по умолчанию { displayName: 'торговый портал', предустановка: './jest.preset.js', setupFilesAfterEnv: ['
/test-setup.ts'], глобальные: { 'тс-шутка': { stringifyContentPathRegex: '\\.(html|svg)$', tsconfig: ' /tsconfig.spec.json', }, }, корни: [' /../../vendor/spryker/spryker/Bundles'], testMatch: ['**/+(*.)+(spec|test).+(ts|js)?(x)'], преобразователь: '@nrwl/jest/plugins/resolver', moduleFileExtensions: ['ts', 'js', 'html'], collectCoverageFrom: ['**/*.ts', '!**/*.stories.ts', '!**/node_modules/**'], ПокрытиеРепортеры: ['lcov', 'текст'], coverageDirectory: ' /../../coverage/merchant-portal', пасснотестс: правда, }; 9.+\\.(ts|mjs|js|html)$': 'шутка-предустановка-угловой', }, transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)'], snapshotSerializers: [ 'шутка-предустановка-угловой/сборка/сериализаторы/без-ng-атрибуты', 'шутка-предустановка-угловой/сборка/сериализаторы/нг-моментальный снимок', 'шутка-предустановка-угловой/сборка/сериализаторы/html-комментарий', ], }; В
tsconfig. spec.json
добавьте свойствоemitDecoratorMetadata
в разделcompileOptions
и добавьте
путь квключает раздел
:{ ..., "Параметры компилятора": { ..., "emitDecoratorMetadata": ложь }, ..., "включать": [ ..., "шутка.config.ts" ] }
В
webpack.config.ts
добавьте псевдонимы для разрешения путей импорта в файлах.less
:config.resolve.alias = { '~@spryker': path.resolve(__dirname, '../../node_modules/@spryker'), '~@angular': path.resolve(__dirname, '../../node_modules/@angular'), };
В
angular.json
добавьте следующие изменения:Обновить раздел теста
"jestConfig": "frontend/merchant-portal/jest.config.js", // должно быть "jestConfig": "интерфейс/торговый портал/jest.config. производство"] } }, "названные входы": { "по умолчанию": ["{projectRoot}/**/*", "sharedGlobals"], "sharedGlobals": [], "производство": [ "по умолчанию", "!{projectRoot}/**/?(*.)+(spec|test).[jt]s?(x)?(.snap)", "!{projectRoot}/tsconfig.spec.json", "!{projectRoot}/jest.config.[jt]s" ] } }
- В
tsconfig.base.json
добавьте следующие изменения:- В разделе
compilerOptions
измените свойствоtarget
и добавьте новое свойствоuseDefineForClassFields
. - В
исключить раздел
, добавить расширение файла"**/*.test.ts"
.
- В разделе
{ ..., "Параметры компилятора": { ..., "цель": "es2020", "useDefineForClassFields": ложь, ... }, ..., "исключить": [..., "**/*.test.ts"] }
- В
tsconfig. mp.json
добавьте путь"src/Pyz/Zed/ZedUi/Presentation/Components/environments/environment.prod.ts"
к разделуinclude
:
{ ..., "включать": [ ..., "src/Pyz/Zed/ZedUi/Presentation/Components/environments/environment.prod.ts" ], }
- В шаблоне
src/Pyz/Zed/ZedUi/Presentation/Layout/layout.twig
удалите переопределениеimportConfig
или удалите весь шаблон, если он содержит только это изменение.
5) Добавить конфигурацию Eslint
Удалите следующие файлы из корневой папки:
-
.eslintrc.js
-
tslint.mp-gitook.json
-
tslint.mp.json
-
Добавьте новый файл
.eslintrc.mp.json
в корневую папку со следующим содержимым:
{ "корень": правда, "parser": "@typescript-eslint/parser", "плагины": ["@typescript-eslint", "@angular-eslint"], "окружение": { "узел": правда, "es6": правда }, "парсероптионс": { "экмаВерсия": 2020, "исходный тип": "модуль", "проект": ". /tsconfig.mp.json" }, "расширяется": [ "./node_modules/@spryker/frontend-config.eslint/.eslintrc.js", "плагин:@typescript-eslint/рекомендуется", "плагин:@angular-eslint/рекомендуется" ], "ignorePatterns": ["!**/*"], "переопределяет": [ { "файлы": ["*.ts"], «плагины»: [«устарело»], "extends": ["плагин:@angular-eslint/template/process-inline-templates"], "правила": { "устаревшее/устаревшее": "предупреждать", "без консоли": ["предупреждать", {"разрешить": ["предупреждать", "ошибка"]}], "не-пусто": "ошибка", «не использовать перед определением»: «выкл.», «максимальное количество классов на файл»: «выкл.», "@typescript-eslint/array-type": "выкл", "@typescript-eslint/no-restricted-imports": ["ошибка", "rxjs/Rx"], "@typescript-eslint/no-unused-vars": "ошибка", "@typescript-eslint/no-inferrable-types": ["ошибка", {"ignoreParameters": true}], "@typescript-eslint/no-non-null-assertion": "ошибка", "@typescript-eslint/no-var-requires": "выключено", "@typescript-eslint/no-explicit-any": "ошибка", "@typescript-eslint/member-ordering": [ "ошибка", { "по умолчанию": ["поле экземпляра", "метод экземпляра", "статическое поле", "статический метод"] } ], "@angular-eslint/contextual-lifecycle": "ошибка", "@angular-eslint/component-class-suffix": "ошибка", "@angular-eslint/компонент-селектор": [ "ошибка", { "тип": "элемент", "префикс": "мп", "стиль": "чехол для кебаба" } ], "@angular-eslint/directive-class-suffix": "ошибка", "@angular-eslint/directive-selector": [ "ошибка", { "тип": "атрибут", "префикс": "мп", "стиль": "camelCase" } ], "@angular-eslint/no-conflicting-lifecycle": "ошибка", "@angular-eslint/no-host-metadata-property": "выключено", "@angular-eslint/no-input-rename": "ошибка", "@angular-eslint/no-inputs-metadata-property": "ошибка", "@angular-eslint/no-output-native": "ошибка", "@angular-eslint/no-output-on-prefix": "ошибка", "@angular-eslint/no-output-rename": "ошибка", "@angular-eslint/no-outputs-metadata-property": "ошибка", "@angular-eslint/use-lifecycle-interface": "ошибка", "@angular-eslint/use-pipe-transform-interface": "ошибка" } }, { "файлы": ["*. html"], "parser": "@angular-eslint/template-parser", "extends": ["плагин:@angular-eslint/шаблон/рекомендуется"], "правила": { "@angular-eslint/template/banana-in-box": "ошибка", "@angular-eslint/template/no-negated-async": "ошибка" } } ] }
- Настройте
angular.json
для использования новой схемыeslint
:
"ворс": { "строитель": "@angular-eslint/builder:lint", "параметры": { "eslintConfig": ".eslintrc.mp.json", "lintFilePatterns": [ "src/Pyz/Zed/*/Презентация/Компоненты/**/*.ts", "src/Pyz/Zed/*/Презентация/Компоненты/**/*.html" ] } },
- В
tslint.json
добавьте"src/Pyz/Zed/*/Presentation/Components/**"
путь к разделуlinterOptions.exlude
:
{ ..., "линтероптионс": { "исключать": [ .
- В