css - 我在 React 组件中使用 sass 文件，但编译器给出了一些错误

Question

我在 react 组件中使用 Sass 文件，但编译器给出了一些错误。

下面是编译器给出错误的代码行:

$easeInOut: cubic-bezier(0.455, 0.03, 0.515, 0.955);

$turnDuration: 0.6s

// Animation  

mixin = animate($name, $easing, $duration: 300ms, $delay: 0s, $iteration: 1, $direction: normal, $fill-mode: forwards)
    animation: $name $duration $easing $delay $iteration $direction $fill-mode 

错误

./src/styles/flipclock.scss (./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!./node_modules/sass-loader/lib/loader.js??ref--6-oneOf-5-3!./src/styles/flipclock.scss)
$easeInOut: cubic-bezier(0.455, 0.03, 0.515, 0.955);
^
Media query expression must begin with '('
in F:\AMS\client\src\styles\flipclock.scss (line 6, column 1)

Answer 1

请运行以下命令:

npm install --save-dev webpack

或者

npm rebuild node-sass

或者

remove node_modules folder and run npm install