小编Gur*_*ofu的帖子

从Vue 文档中：

处理模板有些不同，因为大多数Webpack模板加载器（例如pug-loader）都返回模板函数而不是已编译的HTML字符串。除了使用pug-loader，我们还可以安装原始的pug。

TestComponent.vue：

<template lang="pug">
  div
    h2 {{ message }}
</template>

<script>
  export default {
    data () {
      return {
        message: 'Done!!! Done...'
      }
    }
  }
</script>

main.js：

import Vue from 'vue'
import TestComponent from './../components/TestComponent/TestComponent.vue'

new Vue({
  el: '#app',
  render: h => h(TestComponent)
});

错误：

NonErrorEmittedError: (Emitted value instead of an instance of Error) 
  Error compiling template:

  div
    h2 {{ message }}

  - Component template requires a root element, rather than just text.

使用的依赖项版本：

• “ …

我正在使用 vue 单文件组件，并将标记和逻辑分别分离到.pug文件中.ts。如果您对我不统一的原因感兴趣，请参阅评论部分。

问题

import template from "@UI_Framework/Components/Controls/InputFields/InputField.vue.pug";
import { Component, Vue } from "vue-property-decorator";

console.log(template);

@Component({
  template,
  components: {
    CompoundControlBase
  }
})
export default class InputField extends Vue {
    // ...
}

在开发构建模式下导出的模板是正确的（为了可读性我对其进行了美化）：

import template from "@UI_Framework/Components/Controls/InputFields/InputField.vue.pug";
import { Component, Vue } from "vue-property-decorator";

console.log(template);

@Component({
  template,
  components: {
    CompoundControlBase
  }
})
export default class InputField extends Vue {
    // ...
}

在生产模式下，我的标记已小写。所以，console.log(template)输出：

<CompoundControlBase 
  :required="required" 
  :displayInputIsRequiredBadge="displayInputIsRequiredBadge"
    <TextareaAutosize 
      v-if="multiline" 
      :value="value" 
    /><TextareaAutosize>
</CompoundControlBase> …

如果元素不是按钮/输入/链接tabindex="0"，仅通过关注元素然后按下键来触发单击事件是不够的。Enter还需要什么？

<!--not working, even if the element has focus-->
<div tabindex=0>Trigger click event on me by Enter key!<div>

为了实验，我下载了@typescript-eslint/eslint-plugin的源代码。这个包有两个对等依赖项：

{
  "peerDependencies": {
    "@typescript-eslint/parser": "^4.0.0",
    "eslint": "^5.0.0 || ^6.0.0 || ^7.0.0"
  },
  "dependencies": {
    "@typescript-eslint/experimental-utils": "4.11.1",
    "@typescript-eslint/scope-manager": "4.11.1",
    "debug": "^4.1.1",
    "functional-red-black-tree": "^1.0.1",
    "regexpp": "^3.0.0",
    "semver": "^7.3.2",
    "tsutils": "^3.17.1"
  },
}

如果我npm list在安装所有依赖项后运行，我会得到：

npm ERR! peer dep missing: eslint@^5.0.0 || ^6.0.0 || ^7.0.0, required by @typescript-eslint/eslint-plugin@4.11.1
npm ERR! peer dep missing: eslint@*, required by @typescript-eslint/experimental-utils@4.11.1

这是否意味着npm想要：

npm ERR! peer dep missing: eslint@^5.0.0 || ^6.0.0 || ^7.0.0, required by @typescript-eslint/eslint-plugin@4.11.1
npm ERR! peer dep missing: …

假设我们的 GitHub 存储库包含以下 2 个 Markdown 文件：

• 自述文件.md
• 文档/SampleDocumentationPage.md

从README.md中，我们可以通过相对路径或缩短的绝对路径引用SampleDocumentationPage ：

See [sample documentation page](Documentation/SampleDocumentationPage.md)

如果我们将包发布到 NPM，README.md将显示在包的主页上，其 URL 如下。

https://www.npmjs.com/package/$SCOPE_NAME$/$PACKAGE_ID$

README.md中的SampleDocumentationPage.md链接是否有效？我想不是，因为SampleDocumentationPage.md的正确绝对路径是

https://github.com/$USER_NAME$/$REPOSITORY_NAME$/blob/master/Documentation/SampleDocumentationPage.md

https://www.npmjs.com/package/$SCOPE_NAME$/$PACKAGE_ID$/Documentation/SampleDocumentationPage.md

<dl>

  <dt><a href="https://github.com/TokugawaTakeshi/Yamato-Daiwa-ES-Extensions/blob/master/CoreLibrary/Package/Documentation/Arrays/getArrayElementSatisfiesThePredicateIfSuchElementIsExactlyOne/getArrayElementSatisfiesThePredicateIfSuchElementIsExactlyOne.md">getArrayElementSatisfiesThePredicateIfSuchElementIsExactlyOne</a></dt>
  <dd>Returns the element of specified array matching with the predicate if such element is exactly one, otherwise error will be thrown or null will be returned (depending on dedicated option's value).</dd>

  <dt><a href="https://github.com/TokugawaTakeshi/Yamato-Daiwa-ES-Extensions/blob/master/CoreLibrary/Package/Documentation/Arrays/getLastElementOfNonEmptyArray/getLastElementOfNonEmptyArray.md">getLastElementOfNonEmptyArray</a></dt>
  <dd>Returns the last element …