Zoeken op website
visual studio - Chutzpah gebruiken waar WebPack ts naar één js-bestand compileert
Ik heb een standaard ASP.NET Core Web Application gemaakt (Bestand -> Nieuw project -> Visual C# -> .NET Core) met de Angular-sjabloon. Dit is een 100% kant-en-klare sjabloon in VS 2017 met .NET Core 2 zonder wijzigingen van mijn kant. Het heeft al één JS-testbestand in ClientApp/app/components/counter/counter.components.spec.ts, en ik wil Chutzpah aan de gang krijgen in dit project.
Ik ben nieuw in .NET Core en Webpack (maar niet in Chutzpah of jasmine-tests, trouwens). Voor zover ik k
Lees verder →javascript - Webpack source map-imports zijn niet gedefinieerd (Firefox-debugger)
Ik probeer webpack en het genereren van source maps uit te zoeken. Terwijl de source maps verschijnen, kan ik de imports niet debuggen. Zie deze afbeelding van de Chrome-debugger en de Firefox (57 dev edition) debugger (en gewoon als bewijs dat de debugger werkt, is hier een website op het internet die wordt gedebugd in een ander Firefox-venster).
Ik geef de voorkeur aan het gebruik van Firefox, dus hoe kan ik bronkaarten correct instellen zodat ze me informatie geven over geïmporteerde
Lees verder →Webpack + Typescript + Angularjs - System.Register (Webpack Waarschuwing)
Ik heb de volgende opstelling:
- Webpack v3.6.0
- Typescript v2.5.2
- AngularJS v1.4.8
Ik probeer een constant bestand in mijn service te importeren:
// 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, Lees verder →javascript - Typescript + Webpack + IE11:
Ik zie de onderstaande fout wanneer ik mijn toepassing in IE11 uitvoer. Ik heb de hier voorgestelde oplossing met Babel geprobeerd, maar het werkt niet. Is Babel alleen voor JavaScript-bestanden?
Hoe kan ik webpack configureren om dit te transpilen naar iets dat IE11 begrijpt?
Object ondersteunt eigenschap of methode 'defineProperty' niet
Dit is de overeenkomende regel in de getranspileerde JavaScript.
index.bundle.js
Object.defin Lees verder →javascript - Externe bibliotheek importeren en transpilen met Webpack en typescript-loader
Ik heb een project dat Webpack en Typescript (typescript-loader) gebruikt. Mijn tsconfig.json-bestand is vrij eenvoudig en is ingesteld om ES5 te targeten:
{ "compilerOptions": { "outDir": "./public/dist", "noImplicitAny": false, "target": "es5", "module": "commonjs", "sourceMap": true, } }Het webpack-configuratiebestand bevat de volgende regel voor mijn TypeScript-bestanden:
module: { rules: [{ Lees verder →webpack + typescript + lodash
Ik probeer webpack in te stellen met TypeScript en lodash, maar wanneer ik webpack uitvoer om de bundel te bouwen, krijg ik de foutmelding: Module not found: Error: Kan 'lodash' niet oplossen in ....
Ik importeer loadas als: import * as _ van 'lodash'.
Dit is de 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" Lees verder →angular - Geen NgModule-metadata gevonden voor 'AppModule' met webpack AngularCompilerPlugin
BIJWERKEN :
Wat betreft "ERROR in Error: No NgModule metadata found for 'AppModule'." denk ik dat dit een apart probleem is, maar voor het geval het iemand kan helpen. Ik ontdekte dat onder bepaalde omstandigheden die het gebruik van de AngularCompilerPlugin omvatten (wat ook de ng CLI impliceert), deze fout kan optreden als je het relevante gedeelte van je main.ts op deze manier declareert:
const platform = platformBrowserDynamic(); Lees verder →debuggen - Kan geen breakpunt gebruiken voor TypeScript & Webpack in Visual Studio Code FireFox-debugger
Ik probeer de live-debugger te gebruiken om mijn Typescript te debuggen.
Ik heb het merendeel van de vragen en antwoorden online gecontroleerd. Kon geen concrete oplossing voor mijn situatie vinden.
Hier is mijn webpack-configuratiebestand:
const path = require('path'); const webpack = require('webpack'); module.exports = { entry: ['./Scripts/test.ts'], output: { filename: 'bundle.js', path: path.resolve(__dirname, './Scripts/dist') }, Lees verder →node.js - door webpack gebundelde module is undefined wanneer deze door node wordt vereist
Ik heb een isomorfe module gebouwd voor een API die ik vaak gebruik, in TypeScript. Ik gebruik de module- en webvelden in package.json om webpack te vertellen welke het moet importeren, en ik gebruik webpack met ts-loader en babel om de modules te bouwen. Ik kom geen fouten tegen tijdens het bouwproces, maar wanneer ik mijn module in Node importeer, krijg ik dat de module undefined is. Ik heb dit probleem niet wanneer ik de module in de browser gebruik.
Hier is mijn webpack-configuratie
Lees verder →Webpack - Houd dezelfde mappenstructuur voor uitvoer (typescript + asp.net-core-2.0)
Elke hulp wordt zeer op prijs gesteld. De volgende structuur bevindt zich in mijn asp.net core 2.0-app.
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.csh Lees verder →