如何修复Angular 9中模板引用的位置?

如何修复Angular 9中模板引用的位置?,angular,angular9,Angular,Angular9,我最近将Angular从8升级到9,一升级,我就开始出现编译错误,无法让应用程序再次运行。我的模板使用的模块似乎指向了错误的位置(加倍的端点) 下面是它输出的一个示例 ERROR in ./src/app/components/prod/settings-dashboard/font-page/font-page.component.ts Module not found: Error: Can't resolve '../../../../../../node_modules/@angula

我最近将Angular从8升级到9,一升级,我就开始出现编译错误,无法让应用程序再次运行。我的模板使用的模块似乎指向了错误的位置(加倍的端点)

下面是它输出的一个示例

ERROR in ./src/app/components/prod/settings-dashboard/font-page/font-page.component.ts
Module not found: Error: Can't resolve 
'../../../../../../node_modules/@angular/common/common' in 
'/Users/person/Projects/appilicious/src/app/components/prod/settings-dashboard/font-page'
正如您所注意到的,它有两次公共引用,看到我不知道模板模块引用是如何工作的,我对此感到困惑。我没有在组件中使用这些,所以我假设它是基于模板的

它主要用于普通和形式。我猜有一个安装文件,我没有改变,但我还没有找到它将居住的运气

我的package.json在~9.0.6使用angular


我有一个angular 9的新项目,这个项目工作得非常完美。

使用
ng update
命令一定会弄乱一些导入

选中所有
import{…}from'/path/to/module'
并确保路径/到/模块正确

从您的错误消息中,似乎
@angular/common
模块引用已被替换为
@angular/common/common
,这是不正确的,并导致编译器找不到指定的模块


因此,这是一个非常肤浅的错误,您应该能够快速修复。

检查所有指向组件和模块的路径是否正确

对于常用模块,请尝试删除
节点\ u模块
包锁.json


然后运行
npm cache clean-f
npm i
(这是
npm install
的别名)。

我错误地创建了一个
index.ts
类型文件来保存我的所有模块。虽然这可能是不必要的,但还不能完全确定这是否是一种不好的做法。所以基本上:

modules.ts

export {CommonModule} from '@angular/common'
有一个共享模块叫它

shared.module.ts

import {CommonModule} from '../modules'

@NgModule({
    imports: [CommonModule],
    exports: [CommonModule]
})
export class SharedModule {}

有一次,我只使用了直接引用,它起作用了。不知道为什么会这样,但这会引起一些混乱。奇怪的是,这只是为
FormsModule
做的,而且
CommonModule

不幸地没有解决它,但感谢
npm缓存清理
上的建议。不幸的是,这没有起作用。我在
node\u modules/@angular/common
下查看,它似乎没有另一个名为
common
的文件夹。我已经找到了解决方案,我将发布-谢谢你的帮助!我的意思是,检查代码中的
import
语句。他们一定错了。