vue-cli执行run build报错 ?

发布于 2022-09-02 23:39:55 字数 1055 浏览 8 评论 0

在vue代码加入<style>...</style>后 run build的时候报错

ERROR in ./~/.npminstall/extract-text-webpack-plugin/1.0.1/extract-text-webpack-
plugin/loader.js?{"omit":1,"extract":true,"remove":true}!./~/.npminstall/vue-sty
le-loader/1.0.0/vue-style-loader!./~/.npminstall/css-loader/0.23.1/css-loader?so
urceMap!./~/.npminstall/vue-loader/8.3.1/vue-loader/lib/style-rewriter.js!./~/.n
pminstall/vue-loader/8.3.1/vue-loader/lib/selector.js?type=style&index=0!./src/v
iews/Index.vue
Module build failed: Error: "extract-text-webpack-plugin" loader is used without
 the corresponding plugin, refer to https://github.com/webpack/extract-text-webp
ack-plugin for the usage example
    at Object.module.exports.pitch (D:\lwl\mydevcode\devtest\vuejs\project\node_
modules\.npminstall\extract-text-webpack-plugin\1.0.1\extract-text-webpack-plugi
n\loader.js:21:9)
 @ ./src/views/Index.vue 2:0-346

这是我github上的代码,运行run build的时候有同样的问题
https://github.com/hofa/vue-st

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

无人问我粥可暖 2022-09-09 23:39:55

https://github.com/webpack/extract-text-webpack-plugin/issues/173 自己来了,看github,似乎在node 6.0.0 和 6.1.0都有这样的问题


换成 6.2.0 问题消失!

︶ ̄淡然 2022-09-09 23:39:55

我不知道你的webpack.config.js是怎么配的,当vue单文件组件想把style提取出单独文件中,需要如下手段:

var ExtractTextPlugin = require("extract-text-webpack-plugin");

module.exports = {
  // other options...
  module: {
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
    ]
  },
  vue: {
    loaders: {
      css: ExtractTextPlugin.extract("css")
    }
  },
  plugins: [
    new ExtractTextPlugin("style.css")
  ]
}

你是这么配置的么?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文