【Ng Alain】 遇到的提示语报错 及修改 TypeScript （TSLint）配置

刚入门 【Ng Alain】 书写代码，遇到关于（TSLint）报错，上网搜到一些解决方案，在此整合下，也希望对跟大家会有些帮助。

TypeScript （TSLint）编码规范报错，需在 tslint.json 中修改配置，根据个人编码习惯选择性修改

小收获：

eg: [tslint] file should end with a newline (eofline)

大部分相关 [tslint] 报错，可根据报错内容中括号内的名称 eofline，到配置文件中搜索相关配置进行修改。

Q: 组建选择器命名时缺少前缀报错： [tslint] The selector of the component "ImageWrapperComponent" should have one of the prefixes "app, passport, exception, layout, header" (https://angular.io/styleguide#style-02-07) (component-selector)

1. 添加配置中所配置的前缀可解决报错

@Component({selector: 'app-image-wrapper',template: `{{desc}}`,styleUrls: [ './index.less' ]
})

2. 修改 component-selector 为 false 命名不需要添加前缀

"component-selector": [false,"element",["app","passport","exception","layout","header"],"kebab-case"]}

Q: 引用格式报错：[tslint] " should be ' (quotemark)

1. 将报错位置的 双引号 替换为 单引号可解决

2. 修改 quotemark 为 false 可解决，其规定了引用符号的格式，比如在 true 的模式下，就会强制规定引用时必须使用单引号。

"quotemark": [false,"single"],

Q: 缺少空格报错：[tslint] missing whitespace (one-line)

1. 在相应位置加上空格可解决

2. 修改 one-line 为 false 可解决报错位置因缺少空格而报的错

"one-line": [false,"check-open-brace","check-catch","check-else","check-whitespace"],

Q: 缺少分号报错：[tslint] Missing semicolon (semicolon)

1. 在相应位置添加分号可解决

2. 修改 semicolon 为 false 可解决

"semicolon": [false,"always"],

Q: 尾部多余空格报错：[tslint] trailing whitespace (no-trailing-whitespace)

1. 将代码尾部多余的空格删除可解决

2. 修改 no-trailing-whitespace 为 false 可解决

"no-trailing-whitespace": false,

Q: 注释开头缺少空格报错： [tslint] comment must start with a space (comment-format)

1. 再注释开头加上空格可解决

2. 修改 comment-format 为 false 可解决，如果check-space这一项存在，那么注释行的开头必须要加上一个空格

"comment-format": [false,"check-space"],

Q: 代码结尾不以空行结束报错：[tslint] file should end with a newline (eofline)

1. 在代码结尾打上空行可解决

2. 修改 eofline 为 false 可解决

"eofline": false,

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！