روش فعال سازی متد require به این صورت است:
الف) نیاز است typings مربوط به nodejs اضافه شود؛ جهت شناسایی متد require و همچنین شیء process در فایل main.ts جدید. بنابراین باید فایل typings.json جهت افزودن سطر جدید node، ویرایش شود:
با ذخیره سازی فایل package.json مداخل فوق اضافه خواهند شد.
ب) اینبار فایل main.ts چنین شکلی را پیدا میکند:
در اینجا ذکر ambient/node/index.d.ts به همراه import و اجرای متد enableProdMode، جدید هستند.
ج) مداخل تعاریف قالبها و شیوه نامهها، به صورت زیر اصلاح میشوند و مسیر آنها باید به نحو ذیل مقدار دهی شود (از ابتدای پوشهی جاری):
الف) نیاز است typings مربوط به nodejs اضافه شود؛ جهت شناسایی متد require و همچنین شیء process در فایل main.ts جدید. بنابراین باید فایل typings.json جهت افزودن سطر جدید node، ویرایش شود:
{ "ambientDependencies": { "es6-shim": "registry:dt/es6-shim#0.31.2+20160317120654", "jasmine": "registry:dt/jasmine#2.2.0+20160412134438", "node": "registry:dt/node#4.0.0+20160509154515" } }
ب) اینبار فایل main.ts چنین شکلی را پیدا میکند:
/// <reference path="../typings/browser/ambient/es6-shim/index.d.ts" /> /// <reference path="../typings/browser/ambient/node/index.d.ts" /> import { bootstrap } from '@angular/platform-browser-dynamic'; import { enableProdMode } from '@angular/core'; // Our main component import { AppComponent } from "./app.component"; if (process.env.ENV === "production") { enableProdMode(); } bootstrap(AppComponent, []);
ج) مداخل تعاریف قالبها و شیوه نامهها، به صورت زیر اصلاح میشوند و مسیر آنها باید به نحو ذیل مقدار دهی شود (از ابتدای پوشهی جاری):
@Component({ selector: 'pm-products', //templateUrl: 'app/products/product-list.component.html', template: require('./product-list.component.html'), //styleUrls: ['app/products/product-list.component.css'], styles: [require('./product-list.component.css')], pipes: [ProductFilterPipe], directives: [StarComponent, ROUTER_DIRECTIVES] })