Vue JS dev服务器在Atom中不起作用

时间:2017-07-25 00:14:11

标签: javascript node.js npm vue.js

我在Visual Studio Code中启动了我的网站项目,它工作了好几天。我发现了Atom并决定转向它。不知怎的,每当我在Atom中启动dev服务器时,每个Vue组件都会吐出:

Console output (pastebin)

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

并且网页仅呈现

Cannot GET /

开发服务器在Visual Studio代码中启动正常,但在Atom

中启动

1 个答案:

答案 0 :(得分:0)

在Win7上从CMD运行npm run dev时遇到了同样的问题。 我不知道,因为我没有明确要求这个插件,当我开始这个错误没有发生在我身上。

由于我也开始收到此错误,并且我已尝试设置此issue report from the official repo提供的NODE_ENV=development,我尝试过玩游戏。

最后,我最终编辑webpack.dev.conf.js将此特定插件添加到插件密钥,如下所示:

// 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')
      }),

那么可能会有更好,更漂亮的解决方案。 这只是一个似乎为我解决的问题。 由于我是VueJs的新手,而我现在只使用自动重载的开发服务器,其他的回复可能会更加精致。