vue-cli4项目引入sass的坑 Cannot read property ‘style-resources-loader‘ of undefined

尽管很久之前就用sass了，但是昨日用vuecli4创建项目后，引入sass一直失败，
一开始是提示

TypeError: Cannot read property ‘scss’ of undefined
使用npm i sass sass-loader --save后依然不行
依旧报错
错误为
TypeError: Cannot read property ‘style-resources-loader’ of undefined

解决办法：npm install sass-resources-loader --save-dev

附上vue.config.js配置css

const path = require('path')
module.exports={
    css: {
        requireModuleExtension: true,
        sourceMap: true,
        loaderOptions: {
          scss: {
            additionalData(content, loaderContext) {
              const { resourcePath, rootContext } = loaderContext;
              const relativePath = path.relative(rootContext, resourcePath);
              if (
                relativePath.replace(/\\/g, "/") !== "src/styles/index.scss"
              ) {
                return '@import "~@/styles/index.scss";' + content;
              }
              return content;
            },
          },
        },
      },
}