Reactjs 如何解决在react with webpack中加载SCS时出现的解析错误？

这是我的超级简单scss文件：

html {
  body {
    font-size: 100%;
    background: url(../img/repeater.jpg);
  }
}

我将它导入到App.jsx文件中的方式是：

import./App.scss”

这是我的模块中的内容：装载机：

            // SASS
            {
                test: /\.scss$/,
                include: /shared/,
                loaders: [
                    'style',
                    'css',
                    'autoprefixer?browsers=last 3 versions',
                    'sass?outputStyle=expanded'
                ]
            }

但是，我在控制台中看到的不是可怕的事情：

SyntaxError: /Users/jasonshultz/Projects/work/gradebook/shared/containers/App/App.scss: Unexpected token (1:5)
> 1 | html {
    |      ^
  2 |   body {
  3 |     font-size: 100%;
  4 |     background: url(../img/repeater.jpg);
    at Parser.pp.raise (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:1425:13)
    at Parser.pp.unexpected (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:2907:8)
    at Parser.pp.semicolon (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:2894:38)
    at Parser.pp.parseExpressionStatement (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:2264:8)
    at Parser.parseExpressionStatement (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:3596:20)
    at Parser.pp.parseStatement (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:1955:17)
    at Parser.parseStatement (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:3574:22)
    at Parser.pp.parseBlockBody (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:2294:21)
    at Parser.pp.parseTopLevel (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:1823:8)
    at Parser.parse (/Users/jasonshultz/Projects/work/gradebook/node_modules/babel-core/node_modules/babylon/index.js:1396:17)

这很不体面。如果有帮助的话，我会在github上发布代码。到目前为止，我还没有什么运气让它发挥作用。我尝试过不同的风格，等等，但什么都没有
 该日志看起来像是babel正在尝试处理此文件-您确定它没有被解析为JS吗？发生此错误的原因是您正在尝试从“routes”导入路由

在

server.js

和

routes

中有

scss

文件，但node无法处理

scss

文件。@pherris:我不确定，不应该如此。@Alexander:我在routes文件中没有看到scss引用？我查看了routes.jsx，没有看到任何带有scss扩展的内容？老实说，我不知道server.js为什么要导入路由文件，因为它也在客户端/索引中使用。jsx@but在

routes.js

中有

containers/App/App

并且在该文件中包括

import“/App.scss

该日志看起来像是babel正在尝试处理此文件-您确定它没有被解析为JS吗？发生此错误是因为您正在尝试从“routes”导入路由。”在

server.js

和

routes

中有

scss

文件，但node无法处理

scss

文件。@pherris:我不确定，不应该如此。@Alexander:我在routes文件中没有看到scss引用？我查看了routes.jsx，没有看到任何带有scss扩展的内容？老实说，我不知道server.js为什么要导入路由文件，因为它也在客户端/索引中使用。jsx@but在

routes.js

中有

容器/App/App

，在该文件中包括

import./App.scss