vue import css 文件时 webpack 总是报错

//In package.json:
devDependencies:{
    "less": "^3.8.1",
    "less-loader": "^4.1.0",
    "vue-style-loader": "^3.1.2",
    "style-loader": "^0.23.1",
    "css-loader": "^0.28.11",
    ...
}
//webpack.base.conf.js 文件配置
      {
        test:/\.css$/,
        use: [
          'style-loader',
          'css-loader',
          'postcss-loader'
        ]
      },
//main.js 引入
import 'photoswipe/dist/photoswipe.css'

然后webpack 就会报错,如下:

Module build failed: Syntax Error 

(5:1) Unknown word

  3 | // load the styles
  4 | var content = require("!!../../css-loader/index.js??ref--7-1!../../postcss-loader/lib/index.js??ref--7-2!./photoswipe.css");
> 5 | if(typeof content === 'string') content = [[module.id, content, '']];
    | ^
  6 | if(content.locals) module.exports = content.locals;
  7 | // add the styles to the DOM

查到的解决方法都解决不了:
1.调换webpack 配置文件的顺序(无效),将style-loader放到第一位:

{
        test:/\.css$/,
        use: [
          'style-loader',//这个本来就在第一位
          'css-loader',
          'postcss-loader'
        ]
      },

2.重装style-loader(无效)
3.仅留下css-loader(无效)

{
  test: /\.css$/,
  loader: 'style-loader'
}

github上面的bug演示地址
github上面关于此问题的讨论
github上面关于此问题的讨论2