1

我们在项目中使用 Jade 模板并使用 Webpack 1 进行捆绑。最近我们被要求更新 Webpack 和 Jade（现在是 Pug）。.pug 文件已成功转换为 HTML，但每当我们尝试require使用.pugJavascript 处理文件时，它都会引发以下错误：

控制台中的错误

ERROR in ./src/commerce/components/myComponent/myTemplate.pug
Module build failed: /Applications/MAMP/htdocs/demo-app/src/commerce/components/myComponent/myTemplate.pug:1
module.exports = "<div class=\"container-fluid\"><div class=\"row\"><div class=\"col-xs-10 col-xs-offset-1 col-sm-10 col-sm-offset-1 col-md-10 col-md-offset-1 col-lg-10 col-lg-offset-1\"><h3 class=\"heading-text\">FORGOT SOMETHING?</h3><h2 class=\"text\">
                                                            ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
                 ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
SyntaxError: Invalid or unexpected token
    at Object.extractLoader (/Applications/MAMP/htdocs/demo-app/node_modules/extract-loader/lib/extractLoader.js:49:18)

角度 JS 文件

var template =require('./myTemplate.pug');
var myComponent =  {
    templateUrl : template,
    controller: controller,
    controllerAs: 'recentctrl',
};

webpack.config.js

{
  test: /\.pug$/,
  use: [
    'file-loader?name=[path]/[name].html',
    'extract-loader',
    'html-loader',
    'pug-html-loader?' + {
      "pretty": true,
      "exports": false
    }
  ]
}

我试图在http://html2jade.org/上格式化 PUG 文件，但我仍然遇到同样的错误。

提前致谢！

4

0 回答 0