ค้นหาเว็บไซต์
Visual Studio - ใช้ Chutzpah เมื่อ WebPack คอมไพล์ ts เป็นไฟล์ js เดียว
ฉันได้สร้างแอปพลิเคชันเว็บ ASP.NET Core เริ่มต้น (File -> New Project -> Visual C# -> .NET Core) โดยใช้เทมเพลต Angular นี่เป็นเทมเพลตที่ใช้ได้ทันที 100% ใน VS 2017 กับ .NET Core 2 โดยที่ฉันไม่ได้ทำการเปลี่ยนแปลงใด ๆ มันมีไฟล์ทดสอบ JS หนึ่งไฟล์อยู่แล้วใน ClientApp/app/components/counter/counter.components.spec.ts และฉันต้องการให้ Chutzpah ทำงานบนโปรเจ็กต์นี้
ฉันเป็นมือใหม่กับ .NET Core และ Webpack (แต่ไม่ใช่กับ Chutzpah หรือ jasmine tests นะ) จากที่ฉันพอจะเห็น ในโปรเจกต์นี้ webpack จะสร้
อ่านต่อไป →javascript - การนำเข้าแผนที่ซอร์สของ Webpack ไม่ได้ถูกกำหนด (ตัวดีบักเกอร์ของ Firefox)
ฉันพยายามที่จะเข้าใจ webpack และการสร้าง source maps ในขณะที่ source maps ถูกสร้างขึ้นมา ฉันไม่สามารถดีบักการ import ได้ ดูรูปนี้ของ chrome debugger และ firefox (รุ่นพัฒนา 57) debugger (และเพื่อเป็นหลักฐานว่าตัว debugger ทำงาน ตัวอย่างนี้คือเว็บไซต์บนอินเทอร์เน็ตที่กำลังถูกดีบักในหน้าต่าง firefox อีกอันหนึ่ง)
ฉันต้องการใช้ Firefox ดังนั้นฉันจะตั้งค่าแผนที่แหล่งที่มาให้ทำงานอย่างถูกต้องและให้ข้อมูลเกี่ยวกับโมดูลที่นำเข้าได้อย่างไร
ตัวอย่างที่เรียบง่ายของฉันอยู่ที่นี่:
อ่านต่อไป →Webpack + Typescript + Angularjs - System.Register (คำเตือนของ Webpack)
ฉันมีการตั้งค่าดังต่อไปนี้:
- Webpack v3.6.0
- ไทป์สคริปต์ v2.5.2
- AngularJS v1.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": tr อ่านต่อไป →จาวาสคริปต์ - ไทป์สคริปต์ + เว็บแพ็ค + IE11:
ฉันเห็นข้อผิดพลาดด้านล่างเมื่อรันแอปพลิเคชันของฉันใน IE11 ฉันได้ลองวิธีแก้ปัญหาที่แนะนำที่นี่โดยใช้ Babel แต่ก็ไม่สำเร็จ แล้ว Babel ใช้ได้เฉพาะไฟล์ JavaScript หรือไม่?
ฉันจะกำหนดค่า webpack เพื่อแปลงสิ่งนี้ให้เป็นสิ่งที่ IE11 เข้าใจได้อย่างไร?
วัตถุไม่สนับสนุนคุณสมบัติหรือเมธอด 'defineProperty'
นี่คือบรรทัดที่สอดคล้องกันใน JavaScript ที่ถูกแปลง
index.bundle.js
Object.defineProperty(exports, "__esModule", { value: true }); อ่านต่อไป →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?$/, อ่านต่อไป →webpack + typescript + lodash
ฉันกำลังพยายามตั้งค่า webpack กับ typescript และ lodash แต่เมื่อฉันรัน webpack เพื่อสร้าง bundle ฉันได้รับข้อผิดพลาด: ไม่พบโมดูล: ข้อผิดพลาด: ไม่สามารถหาภาษาของ '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/reac อ่านต่อไป →angular - ไม่พบเมตาดาต้า NgModule สำหรับ 'AppModule' กับ webpack AngularCompilerPlugin
อัปเดต :
เกี่ยวกับ "ERROR in Error: No NgModule metadata found for 'AppModule'." ฉันเชื่อว่านี่เป็นปัญหาแยกต่างหาก แต่เผื่อว่าจะช่วยใครได้บ้าง ฉันพบว่าในบางเงื่อนไขที่รวมถึงการใช้ AngularCompilerPlugin (ซึ่งยังเกี่ยวข้องกับ ng cli) ข้อผิดพลาดนี้อาจเกิดขึ้นได้หากคุณประกาศส่วนที่เกี่ยวข้องของ main.ts ของคุณในลักษณะนี้:
const platform = platformBrowserDynamic(); platform.bootstrapModule(AppModule);โปรดทราบว่าแม้ว่าข้อคว
อ่านต่อไป →ดีบัก - ไม่สามารถใช้เบรกพอยต์สำหรับ TypeScript & Webpack ในดีบักเกอร์ FireFox ของ Visual Studio Code
ฉันกำลังพยายามใช้ดีบักเกอร์สดเพื่อดีบัก 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: [ อ่านต่อไป →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('web อ่านต่อไป →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 │ └ อ่านต่อไป →