如何使用 webpack 在 ngDialog 模板中查找 html 文件?

how to find html file in ngDialog template with webpack?

你好,我在尝试使用 webpack 打包我的文件和 ngDialog 来让弹出窗口工作时遇到问题。弹出窗口现在只会显示一条 "Hello!" 消息。

这是我的功能:

function popupEditOptions(){
    ngDialog.open({
        template: 'src/req/edit/editOptions.html',
        scope: $scope
    });
};

当我这样做时,出现错误:
GET http://localhost:3000/src/req/edit/editOptions.html 404(未找到)

我可以这样要求 html 文件:

function popupEditOptions(){
    ngDialog.open({
        template: require('src/req/edit/editOptions.html'),
        scope: $scope
    });
};

但现在我收到此错误,它写出了 html 文件的内容:
获取 http://localhost:3000/Hello! 404(未找到)

看来可能是ngDialog的bug,参考这个github问题:https://github.com/likeastore/ngDialog/issues/390.

但是您可以使用 plain:true 属性.

ngDialog.open({
   plain: true,
   template: require('src/req/edit/editOptions.html'),
   scope: $scope
});