如何修复Angular 9中模板引用的位置?
我最近将Angular从8升级到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
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
语句。他们一定错了。