忽略 moment.js 的 eslint 錯誤

Question

我在我的 React 應用程序中添加 moment.js 作為外部資源，如下所示：

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

當我在啟用eslint代碼文件中使用moment ，我收到此 eslint 錯誤： 'moment' is not defined(no-undef) 。

這是我的 .jsx 文件-

constructor() {
  super()
  this.state = {
    startDate: moment()
  }
}
...

我的eslintrc.yml看起來像這樣：

extends:
- jquery
- airbnb

parser: babel-eslint

parserOptions:
  ecmaVersion: 6
  ecmaFeatures:
    experimentalObjectRestSpread: true
    jsx: true
  sourceType: "module"

env:
  browser: true
  node: true
  jquery: true
...

Answer 1

如果你使用 webpack。 npm install moment -- 從時刻保存導入時刻；

或者您可以通過在同一行的moment()之后添加注釋來禁用 linting。 // eslint-disable-line

Answer 2

如果使用是一個硬性要求

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>

但是你可以編輯.eslintrc文件，你可以告訴eslint你已經在全局命名空間中提供了 moment，這就是你的腳本標簽正在做的事情。

{
//...
    "env": {
        "moment": true
    }
//...
}

鏈接到eslint環境文檔