Zoeken op website
Tijdens mijn builds geeft webpack mij deze fout:
FOUT in ./client/components/App/index.tsx 15:9 Module parse mislukt: Onverwacht teken (15:9) Mogelijk hebt u een geschikte loader nodig om dit bestandstype te verwerken.
| | > const App: SFC = () => ( | <div style={{ background: "red" }}> | <h3>test</h3>@ ./client/index.tsx 11:4-14:6 12:24-51 @ multi react-hot-loader/patch ./client/ind
Lees verder →Ik probeer Typescript te draaien met Webpack, maar ik lijk tegen een probleem aan te lopen. Alles werkt prima totdat ik typings voor variabelen introduceer (bijv. color:string;). Kan iemand me helpen?
package.json:
{ ... "devDependencies": { "browser-sync": "^2.26.3", "browser-sync-webpack-plugin": "^2.2.2", "html-webpack-plugin": "^3.2.0", "ts-loader": "^5.3.0", "typescript": "^3.1.4", "webpack": "^4.23.1", "webpack-cli": "^3.1 Lees verder →mijn eenvoudige webpack-config:
const webpack = require('webpack'); const HtmlWebpackPlugin = require('html-webpack-plugin'); const path = require('path'); const developmentMode = 'development' const configFactory = () => { let plugins = [ new webpack.DefinePlugin({ __DEV__: developmentMode, }), new HtmlWebpackPlugin({ template: path.resolve(process.cwd(), 'src/index.html'), inject: true, }), ] const config = { mode: developmentMo Lees verder →Ik probeer mijn angularjs(1.5.10) applicatie te migreren naar Angular. Aanvankelijk is mijn applicatie gemaakt met jhipster. Nu hebben we jhipster verwijderd, maar de structuur van de applicatie is nog steeds hetzelfde.
Ik heb al mijn afhankelijkheden naar package.json verplaatst en ik probeer mijn scripts te bundelen met webpack en vervolgens het gebundelde script te gebruiken op de index.html-pagina. De webpack-versie is 4.26.1 Ik gebruik @uir
Lees verder →Wanneer ik mijn project bouw, wordt het correct opgebouwd en wordt het bestand bundle.js aangemaakt, maar wanneer ik naar de pagina ga op http://localhost:8080/ krijg ik de waarschuwing in de console te zien:
Ik ben hier echt door in de war, aangezien het lijkt alsof alles correct wordt opgebouwd en gestart.
Ik ben elk van deze pagina's doorgegaan: 1 2 3 4 en heb geprob
Lees verder →Ik heb Babel bijgewerkt naar onderstaande versies in een ReactJS-toepassing. "babel-core": "7.0.0-bridge.0", "@babel/core": "^7.2.2", "@babel/polyfill": "^7.2.5", "@babel/preset-env": "^7.3.1", "@babel/preset-react": "^7.0.0",
Hierna faalt mijn webpack-build met onderstaande fout
FOUT in ./src/App.tsx Modulopbouw mislukt (van ./node_modules/thread-loader/dist/cjs.js): Thread Loader (Worker 0) .sourceMap is een alias voor .sourceMaps, je kunt niet beide gebru
Lees verder →Ik krijg banners is not defined van de volgende code.
export const selectInfoBanners = createSelector( selectInfo, info => { const banners = [...info.banners]; while (banners.length < 2) { banners.push({ url: "" }); } return banners; } );Maar de gegenereerde code is
var selectInfoBanners = Object(reselect__WEBPACK_IMPORTED_MODULE_0__["createSelector"])(selectInfo, function(a) { for (var b = _toCons Lees verder →Ik probeer CSS-modules te integreren in mijn project dat TypeScript en Next JS gebruikt. Dit is mijn setup tot nu toe:
module.exports = withCustomBabelConfigFile( withTypeScript(withCSS({ cssModules: true, babelConfigFile: path.resolve("./babel.config.js"), webpack(config, options) { config.module.rules.push({ test: /\.css$/, include: path.join(__dirname, 'pages/index.tsx'), use: [ 'style Lees verder →Ik probeer de bibliotheek in mijn project te gebruiken, gebaseerd op TypeScript met als doel ES6 en gebruikmakend van CommonJS-modules. De uiteindelijke output wordt geproduceerd met Webpack en richt zich op het webplatform.
Ik heb de afhankelijkheid geïnstalleerd met npm install --save jose-jwe-jws en probeer deze in mijn code te verwijzen:
import {Jose} from "jose-jwe-jws"; ... let cryptographer = new Jose.WebCryptographer(); ...Alles compil
Lees verder →Ik ben mijn project (gebaseerd op vue.js) aan het transformeren van Javascript naar Typescript en wanneer ik probeer mijn project te bouwen met de gewijzigde webpack-configuratie en code, faal ik gewoon bij het importeren van het vue-pakket.
mijn index.js:
import Vue from "vue"; import store from './vuex/store'; import app from './app.vue'; let v = new Vue({ el: '#eme', store, components: {app} } );Mijn webpack-configuratie:
'use stric Lees verder →