角度8中的热模块更换

时间:2019-08-13 11:37:17

标签: angular npm webpack angular-cli webpack-hmr

我目前正在开始一个新的角度项目,我想实施 HMR (Hot Module Replacement)

我已经完成了 tutorial 中描述的每个步骤,但是出现以下错误:

  

使用 latest angular 版本。 Fresh project setup

enter image description here enter image description here

2 个答案:

答案 0 :(得分:4)

  

注意::我发现 the most relevant tutorial (我认为),因为我也将代码段替换为其中描述的代码段,因此请使用供参考。

Project does not exist.错误的问题是我忘记在 angular.json

中添加项目的本地名称(目录名称)

enter image description here

必须成为:

enter image description here

而且,瞧!

enter image description here

答案 1 :(得分:2)

在这种情况下,错误消息非常好:project does not exist.

  1. 检查您的angular.json文件。

    a。查找键“ defaultProject”。它应该是您的项目的名称。

    b。找到重点项目。默认情况下,它应该只包含带有您的项目名称的对象。

  2. 您可以添加具有所需配置的新项目 要么 只需重命名defaultProject值和项目项目对象键即可。

    angular.json project

如果您正确设置了HMR,那么一切都会正常进行,否则您将发现以下错误:

  

未在工作区中设置配置'hmr'。