VSCode结合Angular创建Module和Componentc使得模块找不到

最新推荐文章于 2021-07-14 21:20:49 发布
最新推荐文章于 2021-07-14 21:20:49 发布
阅读量1.3k 收藏
点赞数
文章标签： angular npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45014243/article/details/104186183
版权

VSCode结合Angular创建Module和Component使得模块找不到

报错

ERROR in ./src/app/module/userEdit/component/userEdit.component.ts
Module not found: Error: Can’t resolve ‘./view/groupEdit.component.scss’ in ‘C:\Users\GangGuiXu\git\notes-sn_migration\domino-application2\client\src\app\module\userEdit\component’

解决办法:
找到你的项目文件夹，删除文件夹node_module
最后重新运行:npm install

原因可能是:新创建的Module或者Component没有加载到文件夹node_module里面去!!!

小小java不会飞
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
什么？用VSCode写Angular代码无法自动导入引用
我能在河边钓一整天的鱼
01-04 2753
问题描述  这个问题困扰了我好多天。请看，这里我写了一个@Injectable()表达式，它显示报红了。我猜测自己是不是没引用这个东西，可是和VS 2017不一样的问题来了。VS 2017会自动提示你可能需要引用的命名空间之类的，但是VSCode似乎没有，他只是告诉我们有问题。这样的情况我遇见多次了，常常导致我们找不到解决问题的关键在哪里。     解决问题  VSCode其...
vscode开发angular4项目文件创建小技巧
Tidecony的博客
12-29 4166
之前开发angular2时候对于文件的创建总是很恶心，每一个组件都要建个文件夹然后里面再放三个同名的ts，scss,html文件，点三次创建，一个名字打三遍，之前一直没时间研究，今天想写一个vs插件，奈何水平不够搞不定，先弄个脚本实现了，总之还是能用的，比之前好了点，虽然也要配置一下东西吧，现在贴出来和大家分享一下，如果哪位大神有更好的方法还请指点一二：首先写了个Python脚本，这个没有限制，什
Salesforce: VScode不能创建Lightning Component・Lightning Web Component
sinat_33939636的博客
05-02 244
今天花了点时间，准备在VScode上进行Lightning Component・Lightning Web Component的创建。 创建失败。 错误：npm root -g --prefix /Users/xxxxx/Desktop/.yo-repository --loglevel error 等等。 我的电脑里安装有，Node.js，所以一直不认为这里会有错误。 检查了Sales forc...
VSCode中Vue的components组件名标签无法快捷闭合
u010977934的博客
07-14 1417
背景：最近在学习vue时，看到网课老师在书写template时，html代码具有自动闭合标签的功能，然后自己在网上找了许多教程，发现这样的文章很少，自己就琢磨了下，才写了这篇博客供大家参考 正文 在js文件中书写这样的模板时，能够像书写HTML文件时使用tab键自动补全html代码，即自动生成闭合标签。教程如下： 1. 依次打开 “文件 >> 首选项 >> 设置” 或者使用快捷方式：ctrl + shift + p 搜索“打开用户设置” 2. 在搜索栏中搜索 “setting
使用 VS Code 创建 Angular 项目
uj
06-23 1万+
使用 VS Code 创建 Angular 项目
vscode 自动生成 vue component 模板
weixin_42521149的博客
02-28 2675
vscode 自动生成 vue component 模板 有点强迫症，所以代码格式要求工整的可以copy。 ctrl + shift + p 找到vue.json 修改即可 "Print to console": { "prefix": "vue", "body": [ "<!-- -->", "&l
Angular 理解module和injector，即依赖注入
09-01
本文将深入探讨 Angular 中的模块（module）和注入器（injector）以及它们与依赖注入的关系。 首先，我们来看 Angular 中的模块（module）。`angular.module()` 是用于创建、注册和获取模块的全局方法。如果传递两...
Angular Module声明和获取重载实例代码
09-01
Angular Module是AngularJS框架的核心组成部分，它用于组织和管理应用中的不同组件，如控制器、服务、过滤器、指令等。模块提供了一种方式来确保代码的高内聚性和低耦合性，这是软件设计的基本原则之一。通过模块，...
vscode-angular-snippets：用于智能Web组件的Visual Studio代码片段
02-06
VS Code的Angular TypeScript代码段**现在包括网格片段Visual Studio Code的此...TypeScript角度片段片段目的smart-grid-component 网格组件smart-grid-module 网格模块HTML片段片段目的smart-grid 具有模板参考变量的
Angular2使用vscode断点调试ts文件的方法
08-28
Angular2 使用 VSCode 断点调试 TS 文件的方法 Angular2 是一个基于 TypeScript 构建的前端框架，使用 VSCode 作为 IDE 时，如何进行断点调试 TS 文件是一件很重要的事情。本文将详细介绍如何使用 VSCode 断点调试 ...
VScode编辑器最好用的几款必备插件和设置
木啊马
11-06 1181
vscode 扩展↓ 用户设置 Auto Close Tag 自动补全 background 背景图 Beautify 美化代码(将一行代码编程嵌套) Color Info 显示css颜色块 HTML Boilerplate 标准HTML样板代码 minify 用F1 缩小为单个文件 , 保存为minify One Monokai Theme 字体美化彩色 Path Intellisense 路径...
angular项目仿照案例代码新增一个模块
小鹰信息技术服务部
11-27 900
今天准备仿照angular官网案例中的模块，然后自己增加一个模块。 参照对象是项目中的heros模块，右下图是VSCode中的目录结构：      从代码结构看，官方实例中一个基本模块包含如下内容： 1. XX-detail      2. XX-list      3. XX.service     4. XX     5. XX-rounting.module     6. XX.mo...
vscode导入基于Angular框架的项目以及环境搭建
qq_36398269的博客
08-14 3339
1. 安装node.js 在官网找到最新版本下载 ： 官网地址：https://nodejs.org/en/ 安装成功后，打开vscode，打开终端，在终端里输入命令“node -v ”查看版本号，如果显示安装版本号则安装成功 2. 安装yarn Yarn提供了丰富的命令使你可以对Yarn包进行许多操作，包括安装、管理、发布等。 上官网，选择稳定版下载： 官网地址：https://yarnp...
安装beautifulsoup库时遇到 ImportError: No module named bs4 错误的解决方法
热门推荐
淮左青衣
08-04 2万+
调用beautifulsoup库时，运行后提示错误： ImportError: No module named bs4 ， 意思就是没有找到bs4模块，所以解决方法就是将bs4安装上，具体步骤如下： 1.下载bs4： 下载地址如下：http://www.crummy.com/software/BeautifulSoup/bs4/download/4.3/beautifulsoup4-4.3.2
有关Python中beautifulsoup安装遇到的问题
菜鸟程序熊的博客
10-17 5983
经过辣么长的时间终于在pycharm下可以调用bs了下面是遇到的问题以及一些解决办法
Angular2 模块简介
weixin_33716941的博客
01-07 185
Angular2 模块简介 NgModule 简介 Angular 应用是模块化的， 而NgModule我们可以把它当做一个容器，用于存放一些内聚的代码块，它接收一个元数据对象并通过该对象告诉 Angular 如何编译和运行模块代码。它标记出该模块拥有的组件、指令和管道， 并把它们的一部分公开出去，以便外部组件使用它们。 它可以向应用的依...
vscode创建angular项目
最新发布
09-14
要在VSCode上创建一个Angular项目，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Node.js和npm（Node Package Manager）。这可以通过在命令行中输入`node -v`和`npm -v`来检查是否已经安装。 2. 下一步是安装Angular CLI（Command Line Interface）。在命令行中运行以下命令来全局安装Angular CLI：`npm install -g @angular/cli`。 3. 确保Angular CLI安装成功后，打开VSCode。在VSCode的终端中，使用以下命令创建一个新的Angular项目：`ng new my-angular-project`。其中，"my-angular-project"是你想要给项目起的名称。 4. 进入到新创建的项目目录中：`cd my-angular-project`。 5. 使用以下命令启动开发服务器：`ng serve`。这将编译并运行你的Angular应用程序。 6. 在浏览器中访问`http://localhost:4200/`，你将看到你的Angular应用程序正在运行。 通过遵循以上步骤，你就可以在VSCode上成功创建并运行一个Angular项目了。请注意，这只是一个简单的示例，你可以根据需要进一步开发和定制你的项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值