Webpack 2 / TypeScript 2升级到Angular 1 TypeScript 1.8应用程序 - 视图无法正确显示

Question

我一直在使用基于TypeScript 1.8和Material Design的Angular 1应用程序成功地工作。我正在使用Webpack 1来处理构建过程。

一切正常但我正在尝试升级到Webpack 2.2.1和TypeScript 2.2.1。现在，当我构建应用程序时，视图无法正确显示，并且似乎缺少元素的角度材质支持。

在Webpack构建过程中绝对没有生成错误，也没有浏览器控制台错误。我不知道如何诊断。

我使用简化的应用程序重新创建了问题，该应用程序在https://github.com/focher/myapp.git

显示登录页面视图（我断开了任何控制器/服务功能）

非常感谢如何排查和解决任何提示或建议。

Answer 1

我找到了自己的问题答案。在config/webpack.common.config.js文件中，我将'to-string-loader'切换为'style-loader'。然后我发了npm install --save-dev style-loader。之后，我的应用程序构建并显示正常。

上 { test: /\.css$/, use: [ 'to-string-loader', 'css-loader' ] },

{ test: /\.css$/, use: [ 'style-loader', 'css-loader' ] },