Visual Studio - שימוש ב-Chutzpah כאשר WebPack מקמפל ts לקובץ js יחיד

יצרתי אפליקציית ווב ברירת מחדל של ASP.NET Core (קובץ -> פרויקט חדש -> Visual C# -> .NET Core) עם תבנית Angular. זוהי תבנית מוכנה לשימוש מידי ב-VS 2017 עם .NET Core 2 ללא שום שינויים מצידי. יש בה כבר קובץ בדיקה של JS בתוך ClientApp/app/components/counter/counter.components.spec.ts, ואני רוצה לגרום ל-Chutzpah לעבוד על הפרויקט הזה.

אני חדש ב-.NET Core וב-Webpack (אבל לא ב-Chutzpah או בבדיקות jasmine, כמובן). כמה שאני מבין, בפרויקט הזה webpack מייצר קובץ js מאוחד ב-./wwwroot/dist/main-clien

קרא עוד →

javascript - מיפוי מקור של Webpack לייבוא לא מוגדר (מנפה שגיאות של Firefox)

ניסיתי להבין את webpack ולייצר מפות מקור. למרות שמפות המקור יוצאות, אני לא מצליח לנפות את היבואות. ראה את התמונה הזו של הדיבאגר של כרום והדיבאגר של פיירפוקס (גרסת הפיתוח 57) (ולרק כדי להראות שהדיבאגר עובד, הנה אתר אינטרנט אחר שנמצא בבדיקה בחלון פיירפוקס נוסף).

אני מעדיף להשתמש ב-Firefox, אז איך אני יכול להגדיר מפות מקור שיעבדו נכון ויעניקו לי מידע על המודולים המיובאים.

הדוגמה המינימלית שלי כאן:

main.ts

import { write } from './uti

קרא עוד →

Webpack + Typescript + Angularjs - System.Register (אזהרת Webpack)

יש לי את ההתקנה הבאה:

• Webpack גרסה 3.6.0
• טייפסקריפט v2.5.2
• AngularJS גרסה 1.4.8

אני מנסה לייבא קובץ קבוע לשירות שלי:

// const.ts const TEST_CONSTANT = { names: [ 'const1' ] }; default export TEST_CONSTANT; // service.ts import TEST_CONSTANT from 'const'; // tsconfig.json { "compilerOptions": { "module": "commonjs", "moduleResolution": "node", "target": "es5", "noImplicitAny": false, "sourceMap": true },

קרא עוד →

ג'אווהסקריפט - טייפסקריפט + וובפאק + IE11:

אני רואה את השגיאה למטה כאשר אני מפעיל את האפליקציה שלי ב-IE11. ניסיתי את הפתרון שהוצע כאן באמצעות Babel אך זה לא עובד. האם Babel מיועד רק לקבצי JavaScript?

איך אני יכול להגדיר את webpack כדי להמיר את זה למשהו ש-IE11 מבין?

האובייקט אינו תומך בתכונה או בשיטה 'defineProperty'

זוהי השורה התואמת ב-JavaScript המומר.

index.bundle.js

Object.defineProperty(exports, "__esModule", { value: true });

webpack.config.js

קרא עוד →

javascript - ייבוא וטרנספילציה של ספריה חיצונית עם Webpack ו-typescript-loader

יש לי פרויקט שמשתמש ב-Webpack וב-Typescript (typescript-loader). הקובץ tsconfig.json שלי די ברור ומוגדר ל-target של ES5:

{ "compilerOptions": { "outDir": "./public/dist", "noImplicitAny": false, "target": "es5", "module": "commonjs", "sourceMap": true, } }

קובץ התצורה של webpack מכיל את הכלל הבא עבור קבצי TypeScript שלי:

module: { rules: [{ test: /\.ts?$/, loader: 'ts-loader' }] }

קרא עוד →

webpack + typescript + lodash

אני מנסה להגדיר את webpack עם typescript ו-lodash אבל כאשר אני מריץ את webpack כדי לבנות את הבאנדל אני מקבל את השגיאה: מודול לא נמצא: שגיאה: לא ניתן לפתור את 'lodash' ב...

אני מייבא את loadas כך: import * as _ מ-'lodash'.

זה הקובץ package.json

"devDependencies": { "@types/flux": "^3.1.4", "@types/lodash": "^4.14.91", "@types/lodash-webpack-plugin": "^0.11.1", "@types/react": "^16.0.29", "@types/react-dom": "^16.0.3", "@types/react-router": "^4

קרא עוד →

angular - לא נמצאו מטא-דאטה של NgModule עבור 'AppModule' עם webpack AngularCompilerPlugin

עדכון :

בנוגע ל"שגיאה ב-Error: לא נמצאו מטא-נתונים של NgModule עבור 'AppModule'." אני מאמין שמדובר בבעיה נפרדת, אך למקרה שזה יעזור למישהו. גיליתי שבתנאים מסוימים שכוללים את השימוש ב-AngularCompilerPlugin (שגם כולל את ה-ng cli), שגיאה זו יכולה להתעורר אם אתה מכריז על החלק הרלוונטי של main.ts שלך בדרך הזו:

const platform = platformBrowserDynamic(); platform.bootstrapModule(AppModule);

שימו לב שלמרות שהדבר הבא אמור להיות

קרא עוד →

ניפוי שגיאות - לא ניתן להשתמש בנקודת עצירה עבור TypeScript & Webpack ב-FireFox debugger של Visual Studio Code

אני מנסה להשתמש ב-debbuger החי כדי לבצע דיבוג ל-TypeScript שלי.

בדקתי את רוב השאלות והתשובות באינטרנט. לא הצלחתי למצוא פתרון קונקרטי למצב שלי.

הנה קובץ הקונפיגורציה של webpack שלי:

const path = require('path'); const webpack = require('webpack'); module.exports = { entry: ['./Scripts/test.ts'], output: { filename: 'bundle.js', path: path.resolve(__dirname, './Scripts/dist') }, module: { rules: [ { l

קרא עוד →

node.js - המודול של webpack מאוחד הוא undefined כאשר נדרש על ידי node

בניתי מודול איזומורפי עבור API שאני משתמש בו לעיתים קרובות, ב-Typescript. אני משתמש בשדות module ו-web ב-package.json כדי להגיד ל-webpack איזה מהם לדרוש, ומשתמש ב-webpack עם ts-loader ו-babel כדי לבנות את המודולים. אני לא נתקל בטעויות במהלך תהליך הבנייה, אבל כשאני דורש את המודול שלי ב-node, המודול מוגדר כלא קיים (undefined). אין לי את אותה בעיה כשאני משתמש במודול בדפדפן.

הנה תצורת ה-webpack שלי

var path = require('path'); var webpack = require('webpack'); var plugins = [];

קרא עוד →

Webpack - שמור על מבנה התיקיות המקורי לפלט (TypeScript + ASP.NET Core 2.0)

כל עזרה מוערכת מאוד. המבנה הבא נמצא באפליקציית asp.net core 2.0 שלי.

project ├───Controller │ └───HomeController.cs ├───Scripts │ ├───FolderA │ │ ├───A1.ts │ │ ├───A2.ts │ │ └───A3.ts │ ├───FolderB │ │ │───FolderB1 │ │ │ └───B11.ts │ │ └───FolderB2 │ │ ├───B21.ts │ │ └───B22.ts │ ├───FolderC │ │ ├───C1.ts │ │ └───C3.ts │ └───outside.ts ├───Views │ ├───Home │ │ └───Index.cshtml │ └───Shared │ └───Layo

קרא עוד →