angular学习006在angular6.0.8使用ng generate service创建服务报错

最新推荐文章于 2023-06-17 11:02:46 发布
最新推荐文章于 2023-06-17 11:02:46 发布
阅读量1.9k 收藏
点赞数
分类专栏： angular学习 文章标签： angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lich_12345/article/details/80638418
版权
在Angular6.0.8中尝试使用`ng generate service`创建服务时遇到错误，通过WebStorm打开时服务文件报错。问题定位在`test.service.ts`的`@Injectable()`装饰器内，解决方案是删除小括号中的内容。
摘要由CSDN通过智能技术生成

1、使用ng generate service创建服务

D:\angular\my-app\src\app\service>ng generate service test
CREATE src/app/service/test.service.spec.ts (362 bytes)
CREATE src/app/service/test.service.ts (133 bytes)

2、使用webtorm打开直接报错

test.service..ts

import { Injectable } from '@angular/core';

@Injectable({
  providedIn: 'root'
})
export class TestService {

  constructor() { }
}
错误如下 

                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  lich0609
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
angular-app-kubernetes：使用AKS在Azure上的Kubernetes上部署的示例Dockerized angular应用程序

				
			

			

				

					01-30
				

			

		

		

			
				
 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建立 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test...

			
		

	



                

              
                



	

		

			

				
					
ng generate

				
			

			

				

					weixin_34259559的博客
				

				

					06-01
					
					200
					
				

			

		

		

			
				
在查询如何使用generate时，生成到固定文件夹下。
固定文件夹下好坐分支路由。
https://github.com/angular/angular-cli/issues/3570
答案参考上方。
具体方式就是：在ng generate后直接跟上目录即可。
例子：ng g c test/test1.这样就会对应test文件下生成test1的component。
g c简写gener...

			
		

	



                


  
              

                


	

		

			

				
					
使用Angular cli（ng generate）创建组件、服务、类、路由、指令、管道

				
			

			

				

					weixin_41993525的博客
				

				

					12-08
					
					6580
					
				

			

		

		

			
				
日常angular开发中，相信不少人在创建新组件时，普遍会采用复制粘贴的方式创建新的组件或服务等。其实可以采用ng generate的方式快速创建组件、服务、类、路由等。
在使用angular cli创建文件时，需要先命令行cd进入到需要的目录位置，然后再执行类似’ng generate comoonent 名称’的命令。
创建一个新组建(component)
	ng generate component 组件名称
    // 或
	ng g comonent 组件名称

创建新服务(service)
 

			
		

	





	

		

			

				
					
Angular入门系列 第五章：添加服务

				
			

			

				

					Jim~LoveQ的博客
				

				

					01-15
					
					2115
					
				

			

		

		

			
				
组件不应该直接获取或保存数据，它们不应该了解是否在展示假数据。 

它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。

			
		

	



		

			
		



	

		

			

				
					
Angular随记：创建一个服务

				
			

			

				

					鸡肋佐的博客
				

				

					12-30
					
					981
					
				

			

		

		

			
				
创建一个服务

			
		

	





	

		

			

				
					
【Angular】服务 Service

				
			

			

				

					MengYan_的博客
				

				

					03-29
					
					736
					
				

			

		

		

			
				
一. 创建服务1. 新建服务 ng generate service ... --module=app //创建该服务并注入配置到app.module2. 设置该服务的方法eg:   debug(msg: string){            console.log(msg);          }二. 组件使用该服务1. 引入服务import { LoggerService } from '....

			
		

	





	

		

			

				
					
Angular-Chat-App:使用Angular 6创建的聊天应用

				
			

			

				

					04-28
				

			

		

		

			
				
 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...

			
		

	





	

		

			

				
					
demo-angular-app:使用Dockerfile的示例空角度应用

				
			

			

				

					05-10
				

			

		

		

			
				
 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test以...

			
		

	





	

		

			

				
					
angular-6-course

				
			

			

				

					05-03
				

			

		

		

			
				
 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元

			
		

	





	

		

			

				
					
angular 11 --- ng generate记录 以及 has no exported member ‘NgZorroAntdModule‘ 解决方案

				
			

			

				

					dlh918的博客
				

				

					02-24
					
					3865
					
				

			

		

		

			
				
话不多说，先上package.json，以下是我软件的版本号


{
  "name": "project-name",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e"
  },
  "private": true,
  

			
		

	





	

		

			

				
					
Angular5学习笔记 - 创建服务

				
			

			

				

					xwnxwn的专栏
				

				

					02-12
					
					204
					
				

			

		

		

			
				
一、创建服务


ng generate service service-name #简写 ng g s component-name
ng g s services/userService

二、效果

 

 三、开发服务

修改\src\app\services\user-service.service.ts文件


import { Injectable } from ‘@angular/...

			
		

	





	

		

			

				
					
Typescript函数返回值及参数类型校验，函数重载以及箭头函数

				
			

			

				

					m0_58584389的博客
				

				

					03-01
					
					752
					
				

			

		

		

			
				
es5中没法设置默认参数，es6和ts中可以设置默认参数，没有传参打印默认参数,传参以传参为主。es6和ts中支持函数重载：ts中的重载,参数必须在参数重载的参数中找到，不然会报错。es5中定义同名函数，形参不同也会被覆盖，称为。箭头函数this指向上下文。

			
		

	





	

		

			

				
					
typescript变量声明(学习笔记非干货)

				
			

			

				

					weixin_30933531的博客
				

				

					01-30
					
					210
					
				

			

		

		

			
				
var a=10;
function f(){
    var message="hello,world";
    return message;
}
function f(){
    a=10;
    return function g(){
        var b=a+1;
        return b;
    }
}
var g=f();
g();//11
var 声明有一些...

			
		

	





	

		

			

				
					
typescript枚举,类型推论,类型兼容性,高级类型,Symbols(学习笔记非干货)

				
			

			

				

					weixin_30430169的博客
				

				

					02-01
					
					692
					
				

			

		

		

			
				
枚举部分
Enumeration part
使用枚举我们可以定义一些有名字的数字常量。 枚举通过 enum关键字来定义。
Using enumerations, we can define some numeric constants with names. Enumeration is defined by the enum keyword.
enum Direction {
    Up = ...

			
		

	





	

		

			

				
					
TypeScript函数：定义、调用和参数传递

					
最新发布

				
			

			

				

					与墨的编程成长历程
				

				

					06-17
					
					4630
					
				

			

		

		

			
				
在 TypeScript 中，函数的定义方式和 JavaScript 相同，TypeScript 函数可以创建有名字的函数和匿名函数。在定义 TypeScript 时需要指定函数的参数类型和返回值类型。在这个函数中，我们指定了两个参数的类型（和），以及函数的返回值类型（: number本文介绍了 TypeScript 函数的定义、调用和参数传递方法。通过学习这些知识，可以更好地理解 TypeScript 中的函数概念，并使用 TypeScript 开发更可靠、可维护的程序。

			
		

	





	

		

			

				
					
XML tag has empty body less... (Ctrl+F1)  Reports empty tag body. The validation works in XML / JSP

				
			

			

				

					shsh_0415的博客
				

				

					03-29
					
					1万+
					
				

			

		

		

			
				
android清单文件的activity警告 好几次了 第一反应就是上网查 总记不住 只要换行或者以“ / ”结尾就好了。网上说：It appears to have worked by getting rid of the closing tags and replacing them with the self closing tags<activity
    android:name...

			
		

	





	

		

			

				
					
TypeScript 类型断言

				
			

			

				

					包磊磊的博客
				

				

					12-22
					
					1152
					
				

			

		

		

			
				
类型断言（Type Assertion）可以用来手动指定一个值的类型。

语法


<类型>值 或者 值 as 类型


在 tsx 语法（React 的 jsx 语法的 ts 版）中必须用后一种。

例子：将一个联合类型的变量指定为一个更加具体的类型

当 TypeScript 不确定一个联合类型的变量到底是哪个类型的时候，我们只能访问此联合类型的所有类型里共有的属性或方法：


f...

			
		

	





	

		

			

				
					
JS中的arguments参数

					
热门推荐

				
			

			

				

					前端老兵
				

				

					07-05
					
					4万+
					
				

			

		

		

			
				
在我的博客中，我曾经写过关于函数调用时浏览器每次传递的隐式参数this，今天要讲的是另外一个浏览器传递给函数的隐式参数arguments。在函数调用的时候，浏览器每次都会传递进两个隐式参数：1. 函数的上下文对象this2. 封装实参的对象arguments下面是一个例子：function fun(){
  console.log(arguments);
}
fun('tom',[1,2,3],{...

			
		

	





	

		

			

				
					
Angular4 ng-zorro使用踩坑指南

				
			

			

				

					
				

			

		

		

			
				
"Angular4 ng-zorro使用过程中遇到的问题及解决办法"  本文主要针对Angular4结合ng-zorro在实际开发中可能遇到的问题进行详尽解析，旨在帮助开发者避免或解决这些问题。作者分享了自己的经验和理解，同时也期待其他...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值