blocks|key|134249|text|我在这个页面上找到的：http://eslint.org/docs/user-guide/configuring|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|134250|在package.json中，这是可行的：|134251|"eslintConfig":+{
++"globals":+{
++++"window":+true
++}
}|code-block|syntax|javascript|134252|entityMap|0|LINK|mutability|MUTABLE|url|http://eslint.org/docs/user-guide/configuring^0|B|19|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I found it on this page: <a href="http://eslint.org/docs/user-guide/configuring">http://eslint.org/docs/user-guide/configuring</a>

In package.json, this works:

<pre><code>"eslintConfig": {
 "globals": {
 "window": true
 }
}
</code></pre>

blocks|key|136069|text|有一个内置的包含window的environment:+browser。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|136070|示例.eslintrc.json|136071|"env":+{
++++"browser":+true,
++++"node":+true,
++++"jasmine":+true
++},|code-block|syntax|javascript|136072|更多信息：http://eslint.org/docs/user-guide/configuring.html#specifying-environments|136073|另请参阅下面的the+package.json+answer+by+chevin99。|136074|entityMap|0|LINK|mutability|MUTABLE|url|http://eslint.org/docs/user-guide/configuring.html#specifying-environments|1|https://stackoverflow.com/a/30400159/540352^0|8|6|F|K|0|2|E|0|0|5|22|0|0|B|C|7|Z|1|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|15|8|@$9|16|A|17|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|18|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|D|@$9|1A|A|1B|1|1C]]|E|$]]|$1|O|3|P|5|6|7|1D|8|@$9|1E|A|1F|B|C]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|Q|3|-4|5|6|7|1J|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]|Y|$5|T|U|V|E|$W|Z]]]]

There is a builtin <code>environment: browser</code> that includes <code>window</code>.

Example <code>.eslintrc.json</code>:

<pre><code>"env": {
 "browser": true,
 "node": true,
 "jasmine": true
 },
</code></pre>

More information: <a href="http://eslint.org/docs/user-guide/configuring.html#specifying-environments" rel="noreferrer">http://eslint.org/docs/user-guide/configuring.html#specifying-environments</a>

Also see <a href="https://stackoverflow.com/a/30400159/540352">the <code>package.json</code> answer by chevin99</a> below.

blocks|key|132975|text|在项目根目录中添加.eslintrc。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|132976|{
++"globals":+{
++++"document":+true,
++++"foo":+true,
++++"window":+true
++}
}|code-block|syntax|javascript|132977|entityMap^0|9|9|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

Add <code>.eslintrc</code> in the project root.

<pre><code>{
 "globals": {
 "document": true,
 "foo": true,
 "window": true
 }
}
</code></pre>

blocks|key|2700932|text|如果你使用的是Angular，你可以用以下命令来完成：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2700933|"env":+{
++++"browser":+true,
++++"node":+true
},
"rules"+:+{
++++"angular/window-service":+0
+}|code-block|syntax|javascript|2700934|entityMap^0|7|7|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

If you are using Angular you can get it off with:

<pre><code>"env": {
 "browser": true,
 "node": true
},
"rules" : {
 "angular/window-service": 0
 }
</code></pre>

blocks|key|2912984|text|您的.eslintrc.json应包含以下文本。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2912985|这样，ESLint就可以知道您的全局变量。|2912986|{
++"env":+{
++++"browser":+true,
++++"node":+true
++}++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
}|code-block|syntax|javascript|2912987|entityMap^0|2|E|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Your .eslintrc.json should contain the text below. 
This way ESLint knows about your global variables.

<pre><code>{
 "env": {
 "browser": true,
 "node": true
 } 
}
</code></pre>

blocks|key|2913041|text|我知道他要求的不是内联版本。但由于这个问题有近10万的访问量，我在这里寻找它，我将把它留给下一个程序员：|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2913042|确保没有使用--no-inline-config标志运行ESLint+(如果这听起来不熟悉，那么您可能可以继续运行)。然后，在你的代码文件中写下这段代码(为了清晰和约定，它写在文件的顶部，但它可以在任何地方工作)：|CODE|2913043|/*+eslint-env+browser+*/|code-block|syntax|javascript|2913044|这告诉ESLint，您的工作环境是一个浏览器，所以它现在知道浏览器中有哪些内容，并相应地进行调整。|2913045|有大量的内联，您可以同时声明多个，例如，in-+environments：|2913046|/*+eslint-env+browser,+node+*/|2913047|如果您几乎总是使用特定的环境，最好在您的ESLint's+config+file中设置它，然后忘记它。|2913048|来自their+docs|2913049|2913050|环境定义了预定义的全局变量。可用的环境包括：|blockquote|2913051|2913052|2913053|2913054|browser+-+browser全局variables.|unordered-list-item|2913055|node+-+Node.js全局变量和CommonJS+-+CommonJS全局变量和作用域(用于使用节点和浏览器通用的|2913056|-+Globals的仅浏览器代码。|2913057|..。|2913058|除了环境之外，您还可以让它忽略任何您想要的东西。如果它警告你使用console.log()，但你不想被警告，只需内联：|2913059|/*+eslint-disable+no-console+*/|2913060|您可以查看the+list+of+all+rules，其中包括针对最佳编码实践的推荐规则。|2913061|entityMap|0|LINK|mutability|MUTABLE|url|https://eslint.org/docs/4.0.0/user-guide/configuring|1|https://eslint.org/docs/user-guide/configuring|2|https://eslint.org/docs/user-guide/configuring#specifying-environments|3|https://eslint.org/docs/rules/^0|9|2|0|6|I|0|0|0|O|C|0|0|0|K|K|1|0|2|A|2|0|0|0|0|0|0|0|7|0|0|4|0|0|0|W|D|0|0|X|6|5|L|3|0^^$0|@$1|2|3|4|5|6|7|1X|8|@$9|1Y|A|1Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|20|8|@$9|21|A|22|B|H]]|D|@]|E|$]]|$1|I|3|J|5|K|7|23|8|@]|D|@]|E|$L|M]]|$1|N|3|O|5|6|7|24|8|@]|D|@]|E|$]]|$1|P|3|Q|5|6|7|25|8|@]|D|@$9|26|A|27|1|28]]|E|$]]|$1|R|3|S|5|K|7|29|8|@]|D|@]|E|$L|M]]|$1|T|3|U|5|6|7|2A|8|@]|D|@$9|2B|A|2C|1|2D]]|E|$]]|$1|V|3|W|5|6|7|2E|8|@]|D|@$9|2F|A|2G|1|2H]]|E|$]]|$1|X|3|-4|5|6|7|2I|8|@]|D|@]|E|$]]|$1|Y|3|Z|5|10|7|2J|8|@]|D|@]|E|$]]|$1|11|3|-4|5|6|7|2K|8|@]|D|@]|E|$]]|$1|12|3|-4|5|6|7|2L|8|@]|D|@]|E|$]]|$1|13|3|-4|5|6|7|2M|8|@]|D|@]|E|$]]|$1|14|3|15|5|16|7|2N|8|@$9|2O|A|2P|B|H]]|D|@]|E|$]]|$1|17|3|18|5|16|7|2Q|8|@$9|2R|A|2S|B|H]]|D|@]|E|$]]|$1|19|3|1A|5|6|7|2T|8|@]|D|@]|E|$]]|$1|1B|3|1C|5|6|7|2U|8|@]|D|@]|E|$]]|$1|1D|3|1E|5|6|7|2V|8|@$9|2W|A|2X|B|H]]|D|@]|E|$]]|$1|1F|3|1G|5|K|7|2Y|8|@]|D|@]|E|$L|M]]|$1|1H|3|1I|5|6|7|2Z|8|@$9|30|A|31|B|C]]|D|@$9|32|A|33|1|34]]|E|$]]|$1|1J|3|-4|5|6|7|35|8|@]|D|@]|E|$]]]|1K|$1L|$5|1M|1N|1O|E|$1P|1Q]]|1R|$5|1M|1N|1O|E|$1P|1S]]|1T|$5|1M|1N|1O|E|$1P|1U]]|1V|$5|1M|1N|1O|E|$1P|1W]]]]

I'm aware he's not asking for the inline version. But since this question has almost 100k visits and I fell here looking for that, I'll leave it here for the next fellow coder:

Make sure ESLint is not run with the <code>--no-inline-config</code> flag (if this doesn't sound familiar, you're likely good to go). Then, write this in your code file (for clarity and convention, it's written on top of the file but it'll work anywhere):

<pre><code>/* eslint-env browser */
</code></pre>

This tells ESLint that your working environment is a browser, so now it knows what things are available in a browser and adapts accordingly.

There are plenty of <a href="https://eslint.org/docs/4.0.0/user-guide/configuring" rel="noreferrer">environments</a>, and you can declare more than one at the same time, for example, in-line:

<pre><code>/* eslint-env browser, node */
</code></pre>

If you are almost always using particular environments, it's best to set it in your <a href="https://eslint.org/docs/user-guide/configuring" rel="noreferrer">ESLint's config file</a> and forget about it.

From <a href="https://eslint.org/docs/user-guide/configuring#specifying-environments" rel="noreferrer">their docs</a>:

<blockquote>
 An environment defines global variables that are predefined. The
 available environments are:
 
 <ul>
 <li><code>browser</code> - browser global variables.</li>
 <li><code>node</code> - Node.js global variables and Node.js scoping.</li>
 <li><code>commonjs</code> - CommonJS global variables and CommonJS scoping (use this for browser-only code that uses Browserify/WebPack).</li>
 <li><code>shared-node-browser</code> - Globals common to both Node and Browser.</li>
 </ul>
 
 [...]
</blockquote>

Besides environments, you can make it ignore anything you want. If it warns you about using <code>console.log()</code> but you don't want to be warned about it, just inline:

<pre><code>/* eslint-disable no-console */
</code></pre>

You can see <a href="https://eslint.org/docs/rules/" rel="noreferrer">the list of all rules</a>, including recommended rules to have for best coding practices.

I am assigning a property to the global window object, but when I run eslint, I get this: 

<blockquote>
 "window" is not defined 
</blockquote>

I see this <a href="http://eslint.org/docs/developer-guide/working-with-rules">here in the eslint docs</a>:

<blockquote>
 the following defines window as a global variable for code that should not trigger the rule being tested:
</blockquote>

<pre><code>valid: [
 {
 code: "window.alert()",
 globals: [ "window" ]
 }
]
</code></pre>

I've tried adding something like this to the package.json file to have eslint allow "window" as a global variable, but I must be doing something wrong. From the docs it seems like I might need to do something like this in a separate file, but is there a way to define some allowed global variables right in the package.json file?

ESLint - "window" is not defined. How to allow global variables in package.json

我给全局窗口对象分配了一个属性，但是当我运行eslint时，我得到的结果是：未定义 "window“我看到这个下面将window定义为不应触发正在测试的规则的代码的全局变量：valid: [  {    code: "window.alert()",    globals: [ "window" ]  }]我曾尝试将类...

问ESLint -未定义"window“。如何在package.json中允许全局变量
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ESLint -未定义"window“。如何在package.json中允许全局变量EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问ESLint -未定义"window“。如何在package.json中允许全局变量
EN