Question

错误Webpack（版本4.0.0）抛出：

function getusername() {



    $query= mysql_query("SELECT * FROM user WHERE UserID=1");

   $id = 'UserID';
   $role = 'Role';
   $username = 'Username'; 


    $rows = mysql_fetch_assoc($query);


    echo $username;
}

相关的SCSS：

ERROR in ./~/css-loader!./~/sass-loader/lib/loader.js!./~/postcss-loader!./src/index.scss
Module build failed: Unknown word (740:5)

  738 |   }
  739 | 
> 740 |   #{$pulse-percent} {
      |     ^
  741 |     background-position: $mask-right-end 0;
  742 |   }

我使用的语法来自this answer。

我尝试了几种语法变化而没有运气：

// simplified for this question...
$pulse-percent: .6 / 5 * 100%;

@keyframes pulseBG {
  // other steps...

  // ERROR on this line
  #{$pulse-percent} {
    background-position: $mask-right-end 0;
  }

  // other steps...    
}

我发现Google上的其他资源似乎并没有解决这个问题，而且/或者看起来已经过时了。

正在正确处理其他变量。

任何＆＃34;插值＆＃34;语法我尝试使用失败。我的SCSS中失败的另一行是// throws "expect ':' after $pulse-percent in assignment statement $pulse-percent { // throws "unknown word" {$pulse-percent} { // throws "unknown word" #{( $variable1 / $variable2 * 100% )} {

是的，在严肃的网络应用程序中它是一个愚蠢的CSS动画。
是的，我可以输入值来解决问题。
但是，我想了解问题以及如何解决它。

Answer 1

这是Webpack 4.0.0版上的错误，自Webpack 4.1.1版以来已解决。

Answer 2

在2017年11月（版本4.0.0）和版本4.1.1之间，Webpack似乎已解决了此问题。我在变更日志中找不到有关此问题的任何提及，但是测试表明它运行正常。

WebPack SCSS错误＆＃34;未知单词＆＃34;用作关键帧步长百分比的变量

2 个答案: