为什么angular2-webpack-starter不使用角材料?

时间:2017-05-03 04:02:43

标签: angular webpack angular-material

我想修改angular2-webpack-starter(https://github.com/AngularClass/angular-starter)以使用angular-material(https://material.angular.io/

我按照角度材料网站上的说明并导入了所有内容,但是当我运行应用程序时,我在这里遇到错误:

import {BrowserAnimationsModule} from '@angular/platform-browser/animations';

即使我成功安装了软件包,它似乎无法找到上面的导入。

ERROR in ./src/app/app.module.ts
Module not found: Error: Can't resolve '@angular/platform-browser/animations' in 'myprojectdirectory'
 @ ./src/app/app.module.ts 40:0-79
 @ ./src/app/index.ts
 @ ./src/main.browser.ts
 @ multi (webpack)-dev-server/client?http://localhost:3000 ./src/main.browser.ts

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

将软件包更新到最新版本后,请更改Webpack中的配置。请参阅以下代码

  plugins: [
           new webpack.ContextReplacementPlugin(
            // The (\\|\/) piece accounts for path separators in *nix and Windows
             /angular(\\|\/)core(\\|\/)@angular/,
            helpers.root('./src'), // location of your src
            {} // a map of your routes
        )
]