一般我是会因为少了结束的大括号时报这个错误的。而且报错里面有提示unterminated string content 就是没有终止的符号呀

我这个提示是因为devtool报错，在webpack5+版本下，

config.devtool = isDev ? false : '#cheap-module-eval-source-map'

需要这样设置

用 mini-css-extract-plugin，webpack4已经弃用了 extract-text-webpack-plugin

vue init webpack 项目名  这样打包放上服务器去试试

app.vue报错

原因：

css的id符号无法识别。需要css-loader进行解析

const path = require('path')

const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {

  entry: path.join(__dirname,'src/index.js'),

  output: {

    filename: 'bundle.js',

    path: path.join(__dirname,'dist')

  },

  plugins:[

    new VueLoaderPlugin()

  ],

  module: {

    rules: [

      {

        test: /\.vue$/,

        loader: 'vue-loader'

      },

      {

        test: /\.css$/,

        loader: ['style-loader','css-loader']

      }//加了css-loader

    ]

  }

}

在命令行输入npm install  或者 npm i

会重新下载package.json中node的模块生成node_modules目录

有可能是使用了老师过时的代码，你可以把报错的前半部分贴出来大家给你看看

你重新安装npm i extract-text-webpack-plugin@next

然后plugins那里改成new ExtractPlugin('styles.[md5:contentHash:hex:8].css')

因为contentHash：8被webpack4以上弃用了

你的entry入口名就是默认的name

 是因为webpack4.3 包含了contenthash 这个关键字段，所以在ExtractPlugin 中不能使用contenthash，
使用其他的代替就好了

您好 报这个错 extract-text-webpack-plugin@3.0.2 requires a peer of webpack@^3.1.0这个包安装不了 需要低版本的webpack 怎么搞啊

什么原因呢 我也是这个问题

css-loader版本降为0.28.7

css-loader 存在无效配置，考虑名字拼写错误和位置放错

针对老师的教程，我上传了自己的代码。老师教程中用的是webpack3.x，有很多包已经被弃用了，我改用了官网推荐的包，另外我用的是最新版本的webpack4.x，不会出现安装报错的问题。 下面是我的项目，欢迎大家参考： https://github.com/carrieguo/vue.js-todolist

已解决，配置的地方写错了

https://github.com/chinadbo/vue-webpack-start

老师的Git仓库

找到问题原因：在通用配置中的 styl项没有删除，在push进行了二次加载，删除通用配置中的就可以

这个问题是由于webpack版本与

extract-text-webpack-plugin

版本不匹配造成的，建议你换用webpack3

另一种解决方案是使用npm i extract-text-webpack-plugin@next

使用下一个版本的针对webpack4做过改进的版本

用了npm install --save-dev extract-text-webpack-plugin@next后，又报了

Error: Path variable [contentHash:8] not implemented in this context: style.[contentHash:8].css

因为你的 vue-loader版本太低了，找不到plugin，试着升级到目前最新版本

15.7.0

我的也是基于webpack4.0+ 的，这个里有一篇文章

https://blog.csdn.net/harsima/article/details/80819747

介绍很清楚，不过里面的写法和老师的不太一样，不懂的可以看我的GitHub  https://github.com/marin1993/todo  里面用的是 mini-css-extract-plugin

可以参考这篇文章

https://blog.csdn.net/harsima/article/details/80819747

/\.styl$/改成  /\.styl(us)$/ 不就行了，都匹配

请问npm install --save-dev extract-text-webpack-plugin@next 这样能解决的原因是？

npm install --save-dev extract-text-webpack-plugin@2.1.2

运行这串代码在执行就可以了

我也有遇到这个问题，请问你解决了吗

把

[contentHash]

 换成 

[chunkhash:8]

楼主问题解决了吗？求解T-T