Angular问题04 模块导入错误???、BrowserModule模块重复加载???

1 模块导入错误

  1.1 问题描述

    项目启动时报错:元数据错误,错误截图如下:

      

  1.2 问题原因

    利用VsCode开发angular项目时利用自动导入出现错误

    坑01:VsCode 的自动导入功能比较智能,它会进行精确导入;例如:NgModule 在利用VsCode进行自动导入的结果如下:

import { NgModule } from "@angular/core/src/metadata/ng_module";

      但是由于脚手架的原因这样导入会报错:在 @angular/core/src/metadata/ng_module 目录下导入 NgModule 失败,所以就会出现元数据错误

    技巧01:将导入目录的覆盖范围变大,例如:导入NgModule时直接从core目录导入

import { NgModule } from "@angular/core";

  1.3 问题解决

    将导入目录的覆盖范围增大即可

  1.4 常用模块所在目录整理

    待更新...

2 BrowserModule 模块重复加载

  2.1 问题描述

    angular项目使用了模块懒加载并且将一些公用模块放到了一个共享模块中进行处理;启动项目后报错:BrowserModule不能重复加载,log截图如下

      

  2.2 问题原因

    BrowserModule模块和CommonModule模块都包含了angular项目需要用到的一些节本指令;但是,CommonModule支持多次导入,BrowserModule只能导入一次

  2.2 问题解决

    将BrowserModule模块中共享模块中移除,直接在跟模块中进行导入即可

  2.3 常用模块导入整理

    2.3.1 支持多次导入

      CommonModule、NgZorroAntdModule

    2.3.2 只能导入一次

      CommonModule

原文地址:https://www.cnblogs.com/NeverCtrl-C/p/9094179.html

时间: 2024-11-10 17:31:01

Angular问题04 模块导入错误???、BrowserModule模块重复加载???的相关文章

python第五天:协程,匿名函数,递归函数,模块导入,re模块

上节回顾 函数对象 函数可以被当成数据来传递 def func(): pass 1.可以被引用.f=fun 2.可以当做参数传递给另外一个函数 3.可以作为函数的返回值 4.可以当做容器类型的元素 比如用户有10多个参数,我们不需要写10多个if判断.可以写一个字典. dic = {'func1':func1,'func2':func2} 调用个时候就用dic['func1']() 函数的嵌套 函数的嵌套可以分为两种:嵌套定义和嵌套调用. 嵌套调用:函数的执行过程中调用其他的函数,可以更加细化的

Python中出现request模块导入错误

python项目中 from urllib.request import urlopen ,导入request出问题,而进行完 pip install request 安装后,仍会出现该错误.错误提示:ImportError: No module named request 问题分析:python 3.x版本与2.x版本不兼容的问题,在python 2.x中 urlopen 模块在urllib2中.解决方法:改为from urllib2 import urlopen. 版本区别具体可参考:htt

模块导入、循环导入、模块查找顺序、相对导入及绝对导入

模块导入 什么是模块 模块:就是一系列功能的结合体 模块的三种来源: 1.内置的(python解释器自带) 2.第三方的(别人写的) 3.自定义的(自己写的) 模块的四种表现形式 1.使用python编写的py文件(也就意味着py文件也可以称之为模块:一个py文件也可以称之为一个模块) 2.已被编译为共享库或DLL的C或C++扩展(了解) 3.把一系列模块组织到一起的文件夹(文件夹下有一个__init__.py文件,该文件夹称之为包) 包:一系列py文件的结合体 4.使用C编写并连接到pytho

第二模块:函数编程 常用模块

01-常用模块学习-小鸡汤 02-常用模块学习-模块种类和导入方法 03-常用模块学习-模块的导入路径 04-常用模块学习-开源模块学习的安装方式 05-常用模块学习-使用国内源下载模块 06-常用模块学习-包及跨模块导入 07-常用模块学习-跨模块导入2 08-常用模块学习-相对导入 09-常用模块学习-time模块详解 10-常用模块学习-datetime模块详解 11-常用模块学习-random模块详解 12-常用模块学习-os模块详解 13-常用模块学习-sys模块详解 14-常用模块学

day4-装饰器和模块导入

一.什么是装饰器 器即函数 装饰即修饰,意指为其他函数添加新功能 装饰器定义:本质就是函数,功能是为其他函数添加新功能 二.装饰器需要遵循的原则 1.不修改被装饰函数的源代码(开放封闭原则) 2.为被装饰函数添加新功能后,不修改被修饰函数的调用方式 三.实现装饰器知识储备 装饰器=高阶函数+函数嵌套+闭包 四.高阶函数 高阶函数定义:1.函数接收的参数是一个函数名 2.函数的返回值是一个函数名 3.满足上述条件任意一个,都可称之为高阶函数 1 def name_code(): 2 print("

[F2016061803] ES6的模块导入与变量解构的注意事项

在ES6中变量解构是这样的: const a = { b: 1 } const { b } = a 我们可以直接用解构赋值来获得对象的同名属性,这等效于: const b = a.b 除了变量的解构赋值,ES6的模块导入也提供了相似的语法: import { resolve } from 'path' 如果使用webpack构建项目的话,注意这里的解构与普通变量的解构是有所区别的,比如在a.js里有以下代码: export default { b: 1 } 如果按照普通变量的解构法则来导入这个包

Python 之模块导入

Python之所以应用越来越广泛,在一定程度上也依赖于其为程序员提供了大量的模块以供使用,如果想要使用模块,则需要导入.导入模块有一下几种方法: import module from module.xx.xx import xx from module.xx.xx import xx as rename   from module.xx.xx import * 导入模块其实就是告诉Python解释器去解释那个py文件 导入一个py文件,解释器解释该py文件 导入一个包,解释器解释该包下的 __i

python模块导入细节

python模块导入细节 官方手册:https://docs.python.org/3/tutorial/modules.html 可执行文件和模块 python源代码文件按照功能可以分为两种类型: 用于执行的可执行程序文件 不用与执行,仅用于被其它python源码文件导入的模块文件 例如文件a.py和b.py在同一目录下,它们的内容分别是: # b.py x="var x in module b" y=5 # a.py: import b import sys print(b.x)

模块 导入方式 软件开发目录规范

1.模块 模块是一系列功能的结构体 模块的三种来源:内置,第三方,自定义 模块的四种表现形式: 用python编写的py文件 已被编译为共享库或DLL的C或C++扩展(了解) 将一系列模块组织到一起的文件夹 使用C编写并连接到python解释器的内置模块 模块极大的提高了开发效率(内置,第三方),当程序比较庞大时,一个项目的程序拆分多个py文件,将公共用到的方法写到一个py文件,其他文件以模块的形式调用 知道哪个是执行文件,哪个是导入文件. import导入模块 在运行执行文件时,会创建一个执行