帶有Webpack的ngCache，ES6不輸出模板html，解析錯誤

Question

我正在嘗試使用ng-cache以便在ES6中使用webpack編寫的角度項目中插入我的模板。

我有以下文件：

dashboard.config.js：

Error: Parse Error: <div class=\"clearfix\"></div>\r\n\r\n<div flex layout=\"row\" class=\"dashboard\">\r\n\r\n Dashboard!\r\n <ng-include src=\"'nav-sidebar.html'\"></ng-include>\r\n\r\n <!-- Container #3 -->\r\n\r\n\r\n <!-- Container #4 -->\r\n <md-content id=\"dashboard-content\" ui-view=\"\" class=\"md-padding\" layout=\"column\"></md-content>\r\n \r\n <!--<md-content flex id=\"content\"></md-content>-->\r\n\r\n</div>" 
Using unminified HTML 

，併產生下列輸出：

require('ng-cache!./index.html'); 
require('ng-cache!./nav-sidebar.html'); 

export default function DashboardConfig($stateProvider) { 
    'ngInject'; 

    // Define the routes 
    $stateProvider 
    .state('dashboard', { 
     url: '/dashboard', 
     controller: 'DashboardController as $ctrl', 
     templateUrl: 'index.html' 
    }); 

} 

這運行的WebPack時生成以下錯誤在瀏覽器中訪問「/ dashboard」時：

module.exports = " 
\r\n\r\n 
\r\n\r\n Dashboard!\r\n \r\n\r\n \r\n\r\n\r\n \r\n 
\r\n \r\n \r\n\r\n 
" 

現在在這裏發生了一些奇怪的事情。爲什麼它試圖解析HTML？擺脫指令得到了解析錯誤，但我仍然有看到module.export =「...」爲我的輸出，而不是看到模板的問題。

這裏是的index.html

<div class="clearfix"></div> 

<div flex layout="row" class="dashboard"> 

    Dashboard! 
    <ng-include src="'nav-sidebar.html'"></ng-include> 

    <md-content id="dashboard-content" ui-view="" class="md-padding" layout="column"></md-content> 

</div> 

Answer 1

的內容的問題是，我在我的webpack.config.js文件中指定的raw HTML裝載機。我已經指定在require()調用中的加載程序將覆蓋我在webpack文件中指定的任何設置，情況並非如此。解決這個問題也刪除了解析錯誤警告。