将reactJs中的sass文件与Web包集成时出现语法错误

意外标记（1:0）@import./variables；使用Web包获取此错误 我的webpack.config类似于此模块：

{ 
     rules: [ 
       { 
         test: /\.(js|jsx)$/, 
         exclude: /node_modules/, 
         use: ['babel-loader'] 
       },
       {
          test: /\.scss$/, 
          use: [
           { loader: "style-loader" },
           { loader: "css-loader" },
           { loader: "sass-loader" }
          ]
       }
  ]
 }

---

任何一个帮助我整理问题的人

Sass loader似乎与webpack 4不兼容

你可以使用我在Webpack4中使用的迷你css提取插件

人们正面临着网页4的@import问题。看看下面的线程

---

您使用的是什么网页版本？另外，请尝试将当前导入语句更改为导入“~./variables”或导入“variables”，检查其中一个是否适合您。我的web包版本是4.19.1，我尝试了您的样式，但它不起作用

loader:“postss loader”//将Sass编译为CSS，选项：{options:{}

当我使用此网页包时，没有显示任何错误，但当我运行我的节点时，它再次显示相同的错误

D:\pro1\node\u modules\babel core\lib\transformation\file\index.js:558 throw err；语法错误：D:/pro1/src/assets/scss/styles.scss:意外标记（3:0）@import“variables”。页面仪表板{.metrics{

我假设您已经安装了样式加载器？您如何将您的sass包括到您的react应用程序中？