如何解决在nuxt / vue环境中,有没有办法更漂亮地解决此错误
我刚刚在一个运行良好的项目上运行了NPM更新。现在,我收到了一个更漂亮的“友好错误”。我想知道ESLint和Prettier在我的配置中是否不能很好地发挥作用。
error Replace `⏎··················Coming·Soon!⏎················` with `Coming·Soon!`
我不太确定这是怎么回事,但是看起来这是一个格式化问题,告诉我添加反引号。错误出现在HTML标记上,甚至没有qoutes。字面上是<span>Coming Soon</span>
。
.eslintrc.js:
module.exports = {
root: true,env: {
browser: true,node: true,},parserOptions: {
parser: 'babel-eslint',extends: [
'@nuxtjs','prettier','prettier/vue','plugin:prettier/recommended','plugin:nuxt/recommended',],plugins: ['prettier'],rules: {},}
.prettierrc:
{
"semi": false,"singleQuote": true,"htmlWhitespaceSensitivity": "ignore"
}
解决方法
该错误并不表示反引号。它告诉您Coming Soon!
周围的空白。
htmlWhitespaceSensitivity
的配置可能令人困惑:
-
ignore
-HTML空格无关紧要,因此将其删除 -
strict
-HTML空格很重要 ,因此忽略它
因此您实际上要使用 strict
。如下所示配置ESLint(如果使用VS Code,则重新启动IDE):
// .eslintrc.js
module.exports = {
rules: {
'prettier/prettier': {
htmlWhitespaceSensitivity: 'strict',},}
请注意,htmlWhitespaceSensitivity
配置似乎在.prettierrc
中无效。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。