Programmierung webpack

18

Die Unterstützung für die experimentelle Syntax 'classProperties' ist derzeit nicht aktiviert

Während ich React innerhalb des Django-Projekts einrichtete, stieß ich auf diesen Fehler ModuleBuildError beim Erstellen des Moduls fehlgeschlagen (von ./node_modules/babel-loader/lib/index.js): SyntaxError: C: \ Users \ 1Sun \ Cebula3 \ cebula_react \ assets \ js \ index.js: Unterstützung für die experimentelle Syntax 'classProperties' 'ist derzeit nicht aktiviert (17: 9): 15 | …

117 reactjs webpack babeljs babel

20

React-Native: Modul AppRegistry ist kein registriertes aufrufbares Modul

Ich versuche derzeit, den ES6 React-Native-Webpack-Server auf einem Android-Emulator zum Laufen zu bringen. Der Unterschied ist , habe ich ein Upgrade meines package.jsonund build.gradeGebrauch reagiert 0.18.0, und bin immer diese Fehlermeldung beim Booten. Soweit mir bekannt AppRegistryist, wird korrekt importiert. Selbst wenn ich den Code auskommentieren würde, tritt dieser Fehler …

114 android react-native webpack

6

Webpack 4 - Wie konfiguriere ich minimieren?

Webpack 4 enthält die folgende Anweisung: webpack.optimize.UglifyJsPlugin wurde entfernt. Verwenden Sie stattdessen config.optimization.minimize. Fair genug, aber ich kann keine Informationen zum Konfigurieren der UglifyJsPlugin-Instanz finden, die unter der Haube ausgeführt wird, um beispielsweise das Cache-Verzeichnis zu ändern. Kann das gemacht werden?

114 javascript webpack webpack-4

3

HtmlWebpackPlugin fügt relative Pfaddateien ein, die beim Laden von Nicht-Root-Website-Pfaden unterbrochen werden

Ich verwende Webpack und das HtmlWebpackPlugin, um gebündelte JS und CSS in eine HTML-Vorlagendatei zu injizieren. new HtmlWebpackPlugin({ template: 'client/index.tpl.html', inject: 'body', filename: 'index.html' }), Und es erzeugt die folgende HTML-Datei. <!doctype html> <html lang="en"> <head> ... <link href="main-295c5189923694ec44ac.min.css" rel="stylesheet"> </head> <body> <div id="app"></div> <script src="main-295c5189923694ec44ac.min.js"></script> </body> </html> Dies funktioniert …

113 javascript express webpack react-router

7

Setzen Sie jQuery mit Webpack einem echten Window-Objekt aus

Ich möchte das jQuery-Objekt für das globale Fensterobjekt verfügbar machen, auf das in der Entwicklerkonsole im Browser zugegriffen werden kann. Jetzt habe ich in meiner Webpack-Konfiguration folgende Zeilen: plugins: [ new webpack.ProvidePlugin({ $: 'jquery', jQuery: 'jquery' }) ] Diese Zeilen fügen jeder Datei in meinen Webpack-Modulen die jQuery-Definitionen hinzu. Aber …

111 javascript jquery webpack

5

Wie erhalte ich von Geräten im lokalen Netzwerk Zugriff auf den Webpack-Dev-Server?

Es gibt einige Webpack Dev Server-Konfigurationen (sie sind Teil der gesamten Konfiguration): config.devServer = { contentBase: './' + (options.publicFolder ? options.publicFolder : 'public'), stats: { modules: false, cached: false, colors: true, chunk: false }, proxy: [{ path: /^\/api\/(.*)/, target: options.proxyApiTarget, rewrite: rewriteUrl('/$1'), changeOrigin: true }] }; function rewriteUrl(replacePath) { return …

111 javascript node.js networking webpack web-development-server

2

Vue CLI CSS-Vorprozessoroption: Dart-Sass VS Node-Sass?

Beim Erstellen eines neuen Projekts mit CLI (v3.7.0) können Sie zwischen einem dart-sassoder einem node-sassCompiler wählen . Wie vergleichen sich diese miteinander, um genauer zu sein als in Vue-Dokumenten angegeben ? Ein Tipp zur Sass-Leistung Beachten Sie, dass bei Verwendung von Dart Sass die synchrone Kompilierung aufgrund des Overheads asynchroner …

109 vue.js webpack sass vue-cli node-sass

4

Notation der Javascript-Objektklammer ({Navigation} =) auf der linken Seite der Zuweisung

Ich habe diese Syntax noch nie gesehen und frage mich, worum es geht. var { Navigation } = require('react-router'); Die Klammern links geben einen Syntaxfehler aus: unerwartetes Token { Ich bin nicht sicher, welcher Teil der Webpack-Konfiguration transformiert wird oder welchen Zweck die Syntax hat. Ist es eine Harmonie-Sache? Kann …

108 javascript webpack ecmascript-6

19

Das Laden der Schriftart 'data: font / woff…' wurde abgelehnt. Dies verstößt gegen die folgende Richtlinie zur Inhaltssicherheitsrichtlinie: "default-src 'self'". Beachten Sie, dass 'font-src'

Meine reagierende WebApp gibt diesen Fehler in der Browserkonsole aus Refused to load the font 'data:font/woff;base64,d09........' because it` `violates the following Content Security Policy directive: "default-src` `'self'". Note that 'font-src' was not explicitly set, so 'default-src' is used as a fallback. Ebenfalls: Refused to connect to 'ws://localhost:3000/sockjs-node/782/oawzy1fx/websocket' because it violates …

108 javascript reactjs webpack

6

Das Webpack kann das Modul nicht finden, wenn die Datei jsx heißt

Während ich webpack.config.js so schreibe module.exports = { entry: './index.jsx', output: { filename: 'bundle.js' }, module: { loaders: [{ test: /\.jsx?$/, exclude: /node_modules/, loader: 'babel', query: { presets: ['es2015', 'react'] } }] } }; Und in index.jsximportiere ich ein reactModulApp import React from 'react'; import { render } from 'react-dom'; …

107 reactjs webpack webpack-dev-server

7

"Möglicherweise benötigen Sie einen geeigneten Loader, um diesen Dateityp zu verarbeiten" mit Webpack und Babel

Ich versuche, Webpack mit Babel zum Kompilieren von ES6-Assets zu verwenden, erhalte jedoch die folgende Fehlermeldung: You may need an appropriate loader to handle this file type. | import React from 'react'; | /* | import { render } from 'react-dom' So sieht meine Webpack-Konfiguration aus: var path = require('path'); …

106 javascript webpack babeljs es6-module-loader

2

Was macht dieser Befehl "React-Scripts Eject"?

Was macht der npm run ejectBefehl? Ich verstehe, was andere Befehle wie Starten, Erstellen, Testen tun. Aber keine Ahnung vom Auswerfen.

104 reactjs webpack create-react-app react-scripts

4

Webpack-Lader gegen Plugins; was ist der Unterschied?

Was ist der Unterschied zwischen Loadern und Plugins im Webpack? Die Dokumentation für Plugins sagt nur: Verwenden Sie Plugins, um Funktionen hinzuzufügen, die normalerweise mit Bundles im Webpack zusammenhängen. Ich weiß, dass babel einen Loader für jsx / es2015-Transformationen verwendet, aber es sieht so aus, als würden andere gängige Aufgaben …

103 javascript reactjs webpack

5

Webpack Babel 6 ES6 Dekorateure

Ich habe ein Projekt in ES6 mit Webpack als Bundler geschrieben. Die meisten Transpilierungen funktionieren einwandfrei, aber wenn ich versuche, Dekorateure irgendwo einzuschließen, wird folgende Fehlermeldung angezeigt: Decorators are not supported yet in 6.x pending proposal update. Ich habe mir den Babel Issue Tracker angesehen und konnte dort nichts finden. …

101 javascript webpack ecmascript-6 babeljs decorator

4

So speichern Sie die Konfigurationsdatei und lesen sie mit React

Ich bin neu bei react.js. Ich habe eine Komponente implementiert, in der ich die Daten vom Server abrufe und wie folgt verwende: CallEnterprise:function(TenantId){ fetchData('http://xxx.xxx.xx.xx:8090/Enterprises?TenantId='+TenantId+' &format=json').then(function(enterprises) { EnterprisePerspectiveActions.getEnterprise(enterprises); }).catch(function() { alert("There was some issue in API Call please contact Admin"); //ComponentAppDispatcher.handleViewAction({ // actionType: MetaItemConstants.RECEIVE_ERROR, // error: 'There was a problem getting …

100 javascript reactjs configuration webpack flux

Als «webpack» getaggte Fragen