2017-07-25 3 views
0

Ich begann meine Website-Projekt in Visual Studio Code und es funktionierte für Tage. Ich habe von Atom erfahren und beschlossen, dorthin zu gehen. Irgendwie, wenn ich den Dev-Server in Atom starten, die jeweils Vue Komponente ausspuckt:Vue JS-Dev-Server funktioniert nicht in Atom

Console output (pastebin)

"Error: "extract-text-webpack-plugin" loader is used without the corresponding 
plugin" 

und die Webseite rendert nur

Cannot GET/

Der Dev-Server startet fein in Visual Studio-Code aber nicht in Atom

Antwort

0

Ich hatte das gleiche Problem mit npm run dev von CMD auf Win7 laufen. Ich weiß nicht, da ich dieses Plugin nirgendwo explizit benötigt habe und als ich diesen Fehler gestartet habe, ist es mir nicht aufgefallen.

Als ich auch begann, diesen Fehler zu bekommen, und ich habe bereits versucht, NODE_ENV=development von dieserzur Verfügung gestellt, versuchte ich zu spielen.

Schließlich endete ich die webpack.dev.conf.js diese spezielle Plugin auf den Schlüssel-Plugins hinzugefügt Bearbeitung wie folgt zusammen:

// File header with other Imports 
var utils = require('./utils') 
// ... 
var ExtractTextPlugin = require('extract-text-webpack-plugin') 

// Then in Module definition 
module.exports = merge(baseWebpackConfig, { 

    // ... other keys for module 

    plugins: [ 

     // .. other plugins 

     // .. I copied this line from the webpack.prod.conf.js 
     new ExtractTextPlugin({ 
     filename: utils.assetsPath('css/[name].[contenthash].css') 
     }), 

Nun könnte es besser und schöne Lösungen sein. Dies ist nur der, der es für mich zu beheben scheint. Da ich neu bei VueJs bin und den dev Server im Moment nur mit Autoreload benutze, könnten andere Antworten etwas mehr poliert sein.

Verwandte Themen