禁止在eslint中批量导出(export * from)
在eslint中，批量导出（export * from）是一种语法，用于将一个模块中的所有导出项导出到另一个模块中。然而，由于批量导出可能导致命名冲突和代码可读性问题，有些开发者认为它不是一种良好的实践，因此禁止在eslint中使用批量导出。
禁止在eslint中批量导出的主要原因是为了提高代码的可维护性和可读性。当一个模块中存在大量导出项时，使用批量导出会导致导入模块的开发者难以追踪和理解代码的来源。此外，批量导出还可能导致命名冲突，特别是当导出项的命名与导入模块中的其他变量或函数重复时。
为了避免使用批量导出，可以采取以下几种替代方案：
- 显式导出：推荐使用显式导出，即逐个导出需要的变量、函数或类。这样可以明确指定导出项，提高代码的可读性和可维护性。
- 命名导出：如果一个模块中存在多个相关的导出项，可以考虑使用命名导出。通过给导出项添加命名空间，可以避免命名冲突，并且可以更清晰地表达模块的结构。
- 默认导出：如果一个模块只有一个主要的导出项，可以使用默认导出。默认导出可以简化导入语句，并且在某些情况下可以提高代码的可读性。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供可扩展的云服务器实例，适用于各种应用场景。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的云数据库服务，适用于各种规模的应用。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和处理各种类型的数据。详情请参考：https://cloud.tencent.com/product/cos
请注意，以上仅为腾讯云的部分产品示例，更多产品和服务请参考腾讯云官方网站。
相关·内容
在ReactJS应用程序中，我有一个包含以下导入内容的index.js文件：
export MainContainer from './Main/MainContainer';
export AboutContainer from './About/AboutContainer';
当我运行ESLINT时，我得到以下错误：
error Parsing error: Unexpected token MainContainer
错误消息未引用在.eslintrc.json中设置的任何eslint规则。该应用程序在Chrome上运行良好，没有控制台错误。为什么es
浏览 15提问于2017-03-17得票数 1
回答已采纳
1回答
我很难把我的第一本故事书写好。我正在使用最新的故事书版本和配置，并运行npx sb init来实现这一点，作为文档化的。
下面的故事文件将运行良好：
SampleComponent.stories.tsx:
import React from 'react';
// eslint-disable-next-line import/no-extraneous-dependencies
import { Meta } from '@storybook/react/types-6-0';
// eslint-disable-next-line import/no-ex
浏览 0提问于2021-02-08得票数 3
回答已采纳
我有6个文件
gastronomia.jsx
import _range from 'lodash/range';
// eslint-disable-next-line global-require, import/no-dynamic-require
export default _range(1, 5).map(i => require(`assets/experiences/gastronomia/${i}.png`));
deporte.jsx
import _range from 'lodash/range';
// eslint-disabl
浏览 4提问于2020-01-16得票数 2
回答已采纳
我有一堂课：
export class Page {
get page() {
return $('#page');
}
open(path: string): void {
browser.url(path);
this.page.waitForDisplayed();
}
}
Eslint抛出警告：warning Missing return type on function @typescript-eslint/explicit-module-boundary-types表示getter get pag
浏览 4提问于2020-10-05得票数 1
回答已采纳
2回答
我在这里使用：React，ESLint，Mobx。
我不确定如何正确设置与提供者传递的mobx商店的PropType。
ESLint给出了一个错误：
在道具验证中缺少eslint存储(react/支柱类型)。
我通过这样的Provider路过一家商店：
ReactDOM.render(
<Provider store={store}>
<App />
</Provider>,
appLocation
);
在App组件中，我使用一个存储值，这是我的mobx存储
import { observable } fro
浏览 4提问于2018-01-09得票数 1
回答已采纳
我处理的是常量文件，文件中只有一个常量对象。我面临的问题与ESLINT错误检查部分。
常量文件名:- constant.js
export const myObject = {
const1:'hello world',
const2:'new world'
}
获得一个隐身错误Prefer default export.eslint(import/prefer-default-export)
在这里，常量不允许导出默认值(只有类和函数允许导出)
环境信息
ESLint插件版本:- 1.9.0
在这里，如何创建和导出常量而不出现eslint错误？
浏览 0提问于2019-05-23得票数 1
回答已采纳
3回答
导出在ES6中声明为常量的函数
、、、、
我遵循了在我的应用程序中实现的指南。我正在尝试实现actions，但是我的eslint一直在第8行给出这个错误-
[eslint] Prefer default export. (import/prefer-default-export)
我的密码是-
import * as types from './types';
const incrementCounter = counterValue => ({
type: types.INCREMENT_COUNTER,
counterValue,
});
export { incrementCounter };
浏览 6提问于2017-06-29得票数 0
回答已采纳
嗨，我正在努力理解/让这个eslint错误在我的React项目中消失。
Prefer default export import/prefer-default-export
Helpers.js错误指向：
export function getItems() {
fetch('./data/data_arr.js')
.then(results => results.json())
.then(results => this.setState({ items: results }));
}
函数的导入：
import { getItems } from
浏览 1提问于2018-10-03得票数 29
回答已采纳
我目前正在使用JSX构建一个React应用程序&我从ESLint获得了以下错误：
ESLint:在‘./TopBar’(导入/命名)中找不到TopBarClass
下面是产生错误的文件的外观。
import React from 'react';
import { TopBarClass } from './TopBar';
export default class Game extends React.Component {
render() {
const { state } = this.state;
return (
浏览 10提问于2019-12-09得票数 1
回答已采纳
2回答
我在我的项目中使用Eslint，使用：
解析器：@typescript-eslint/parser 1.4.2
插件：@typescript-eslint/eslint-plugin 1.4.2
解决方案：eslint-import-resolver-typescript 1.1.1
规则扩展：airbnb-base和plugin:@typescript-eslint/recommended
或者你可以检查我的.eslintrc
{
"parser": "@typescript-eslint/parser",
"plugi
浏览 0提问于2019-03-20得票数 3
回答已采纳
1回答
测试React Js根组件
、、、、
我正在导出react js根组件，如下所示
export default connect(mapStateToProps, mapDispatchToProps)(HomePage);
我在mocha测试文件中导入这个组件，如下所示
import HomePage from '../components/study/HomePage';
我在测试文件中创建组件，如下所示
beforeEach(() => {
const _store = createStore(rootReducer, initialState);
component = TestUti
浏览 0提问于2017-03-06得票数 1
1回答
我刚刚建立了一个使用react本机的小测试项目。这对我来说都是新的(包括ECMAScript 6)。Eslint告诉我一些关于“循环依赖”的内容，我不知道如何解决这个问题。尽管如此，代码仍然有效。
我的package.json：
...
"dependencies": {
"axios": "^0.19.0",
"node-sass": "^4.12.0",
"react": "16.8.3",
"react-native": "
浏览 0提问于2019-06-27得票数 5
回答已采纳
8回答
在查看了导入/未命名为默认eslint规则的文档之后，我仍然对自己到底做错了什么感到困惑。
我有以下文件结构
.
├── ButtonBack.css
├── ButtonBack.jsx
├── __tests__
│ └── ButtonBack.test.jsx
└── index.js
ButtonBack.jsx包含以下代码
import React from 'react';
import PropTypes from 'prop-types';
export default class ButtonBack extends React.Com
浏览 2提问于2017-06-08得票数 54
回答已采纳
嗨，我试图让redux持久化，使用redux工具包(同样在类型记录中)，我得到了以下错误：
Exported variable 'store' has or is using name '$CombinedState' from external module "home/..../node_modules/redux/index" but cannot be named.
我看到这个问题是在之前提出的，但也没有得到回答。
下面是我的代码，如果您对如何解决这个问题有什么想法，请告诉我，谢谢
import { configureStore, ge
浏览 7提问于2021-04-28得票数 3
2回答
我遵循一个过程，作者以以下方式导出了一个组件：
export MainContainer from './Main/MainContainer'
默认的正确方式是export { default as MainContainer } from './Main/MainContainer'，它没有那么干净。作者可以用babel-eslint软件包来完成这个任务，但是在我安装了这个包之后，我仍然会得到这个链接错误。
档案结构：
期望的
在容器/index.js中使用ESlint时没有export MainContainer from './Mai
浏览 5提问于2017-07-13得票数 3
回答已采纳
我在Webstorm中使用ES6命名导入声明时出错：
import { nodes } from 'utils/dom';
我在“节点”上得到“无法解析符号”错误
另外，当我尝试导出命名导出时，如下所示：
export {
write: document.write.bind(document),
node: document.querySelector.bind(document),
nodes: document.querySelectorAll.bind(document)
};
我也会遇到错误。我使用eslint和babel-eslint解析器。问题是，这在
浏览 184提问于2015-07-25得票数 18
回答已采纳
2回答
这是我第一次创建类型记录react模块，我正在尝试导入我的项目中的类型定义之一，即使用新的npm模块。VSCode intellisense能够找到并建议自动生成的.d.ts文件之一，但是应用程序无法加载它。怎么一回事？
./src/components/MyPage.tsx
Module not found: Can't resolve '@myorg/component-library/build/Input/Input.types' in '/Users/jbaczuk/path/to/project/src/components'
如果我将导入路
浏览 1提问于2021-04-02得票数 1
回答已采纳
我正在使用prettier，并且我用带有eslint选项的firebase init初始化了我的项目。但是当我保存我的文件时，更漂亮的扩展名在对象大括号中添加了间距，如下所示： export { basicHTTP } from './http'; eslint给了我一个错误： ? 有什么办法可以禁用它吗？ 这是我的.eslintrc.js文件，随firebase init一起提供： module.exports = {
root: true,
env: {
es6: true,
node: true,
},
extends: [
&#
浏览 61提问于2021-01-26得票数 2
2回答
我有一个js模块，并将其导入主js应用程序。
js模块有自己的功能/方法。
然而，当我试图从主js应用程序调用该方法时，我得到了eslint错误：
'testMethod' is defined but never used
test.js：
export default function test() {
console.log('foo');
function testMethod() {
console.log('bar');
}
}
app.js
import test from './test';
浏览 3提问于2020-12-16得票数 0
回答已采纳
(~2016)和打字稿的官方文档
说明类模块声明文件应以下列方式使用namespace：
export = MyClass;
declare class MyClass {
constructor(someParam?: string);
someProperty: string[];
myMethod(opts: MyClass.MyClassMethodOptions): number;
}
declare namespace MyClass {
export interface MyClassMethodOptions {
wid
浏览 2提问于2020-04-26得票数 1
回答已采纳
我必须从Firebase存储桶中导入一个类型记录文件。它包含数据和类型定义。
export interface MyData {
// ...
}
export const myData = {
// ...
}
下面是我附带的代码：
export const readData = async (fileDir: string, fileName: string): Promise<object> => {
// Open the bucket
const bucket: Bucket = admin.storage().bucket()
// Define
浏览 2提问于2020-09-22得票数 1
回答已采纳
我是第一次接触react-native，我正在尝试实现react-stack-navigator，但函数createStackNavigator返回null。我一直在遵循一个教程，在相同的代码中没有这个问题，任何想法都将不胜感激。下面是我的错误： ? 下面是我的代码： import { createStackNavigator } from "react-navigation-stack";
import { createAppContainer } from "react-navigation";
import { Home } from "
浏览 12提问于2020-01-15得票数 2
回答已采纳
我使用create app样板()启动了一个新的reason项目，我在尝试启动应用程序时遇到了以下错误，原因是我创建了一个名为“containers”的文件夹，所有容器都在其中，我想创建一个索引文件来导出所有这些目录，这样我就可以引用目录来导入de了。
如下所示：
从‘./ UserContainer /用户容器’导入UserContainer；//此工作(但很难看)从‘./containers’导入{UserContainer}；//此操作不起作用
基本上，这是容器文件夹中我的index.js文件的内容：
export UserContainer from './UserContai
浏览 0提问于2018-04-28得票数 0
回答已采纳
1回答
表示首选默认导出
、、
我不断地从组件上的ESLint中得到这个错误。
默认导出(import/prefer-default-export)：ESLint
以下是组件的外观
export class mycomponent extends React.Component {
render() {
//stuff here
}
}
它想要什么？我怎么才能解决这个问题？
浏览 0提问于2017-04-16得票数 2
回答已采纳
typescript支持字符串文字联合类型从枚举，但eslint与错误，如何修复？？ enum Kind {
'info' = 'info',
'positive' = 'positive',
'negative' = 'negative',
'warning' = 'warning',
}
export type KindType = `${Kind}`; export type KindType = ${Kind};中的eslint错误 {
浏览 93提问于2021-08-30得票数 1
2回答
SomeAction不是一个函数。(在“SomeAction( )”中，“SomeAction”未定义)。
当我执行SomeAction函数时，我会得到这个错误。
如果我的actions文件中只有SomeAction，而我有
export default SomeAction;
然后按以下方式导入
import SomeAction from 'path/to/action'
效果很好。但是由于我想要一个以上的函数，所以我做了以下工作。
这是我的Actions.js
const SomeAction = () => dipatch => ({
// Code
浏览 0提问于2019-07-25得票数 0
回答已采纳
1回答
我有下面的代码。
myContext.js
import React from 'react';
export default React.createContext();
然后，这将用于下面的内容。
wrapper.jsx
import React from 'react';
import { Provider, Consumer } from './myContext';
export const MyProvider = Provider;
export const Wrapper = (Component) => {
co
浏览 3提问于2022-10-11得票数 1
回答已采纳
3回答
我得到了这个错误：
首选默认导出
import React, { Component } from 'react';
class HomePage extends Component {
render() {
return (
<div className="Section">HomePage</div>
);
}
}
export { HomePage };
我尝试过的： export { default as Homepage };
然后我得到一个致命的解析错误。
然后我把它改成：
ex
浏览 1提问于2018-02-12得票数 41
回答已采纳
1回答
场景
为了更好地维护，我想将我的服务工作者文件从javascript更改为类型记录。这是我的sw.js文件：
/* eslint-disable no-console */
self.addEventListener("push", (event) => {
...
});
...more handlers
问题
为了使代码适应TS和ESlint需求，我修改了许多行，但是self有问题--我收到了来自ESlint的2个错误：
unexpected use of 'self'
self is not defined
如何在打字本文件中定义自我？
浏览 2提问于2020-07-27得票数 0
回答已采纳
我有来自ESlint导入插件的以下警告：
eslint /named as- clearRegister :使用默认导入语法导入clearRegister。
import { default as clearRegister } from "./utils/form/clearForm";
这里，我使用default as将我的默认导入函数重命名为clearRegister。这种重命名是一种魅力。
//clearForm.js
export default function clearForm() {
...
}
我怎样才能修正这个警告？
浏览 3提问于2021-02-13得票数 4
回答已采纳
在React/Redux应用程序中，当我尝试执行热重新加载时，使用Webpack会得到此TypeError (第一次工作，但在下面显示一个错误，然后停止工作)。
这个应用是基于这个初学者工具包构建的：，但是我猜这个库的一些更新破坏了一些东西。
错误：
React Transform HMR] There was an error updating /www/src/containers/Root.js
index.js:60 TypeError: modules[moduleId].call is not a function(…)
完全剥离的应用程序版本如下，但在HRM中仍然错误。
根文件(
浏览 1提问于2016-02-19得票数 0
类型记录显示了VSCode中的src/main.ts中的以下错误，但是当我运行该项目时，它运行良好，没有错误或警告。
我的tsconfig文件如下所示：
{
"compilerOptions": {
"outDir": "dist",
"target": "esnext",
"module": "esnext",
"moduleResolution": "node",
浏览 4提问于2022-01-08得票数 2
回答已采纳
我有6个像下面这样的文件，我想把这6个文件简化为一个名为providers的文件，然后我可以将每个数组导入到其他文件中。 这是我的六个文件 gastronomia.jsx import _range from 'lodash/range';
// eslint-disable-next-line global-require, import/no-dynamic-require
export default _range(1, 5).map(i => require(`assets/experiences/gastronomia/${i}.png`)); deporte
浏览 14提问于2020-01-16得票数 0
回答已采纳
1回答
默认出口
、、
我试图为我的redux应用程序创建一个结构，并且我对eslint默认导出规则有问题(我正在使用Airbnb指南)。
基本上，我的结构是这样的：
src/
|-----modules/
|--------Component1/
|------------component.js
|------------index.js
|--------index.js
|-----App.js
。
// component.js
import React from 'react';
const Component1 = () => (
<div>Hello</
浏览 0提问于2018-04-16得票数 1
回答已采纳
我一直在犯这个错误，但不知道为什么。如果有人能帮我解决这件事，那将是我的一天
错误: Nest不能解决MovieService (?)的依赖关系。请确保索引处的参数MovieRepository在MovieService上下文中可用。
这是我的MovieService的结构：
import {Injectable} from "@nestjs/common";
import {InjectRepository} from "@nestjs/typeorm";
import {Repository} from "typeorm";
import
浏览 2提问于2021-10-17得票数 0
回答已采纳
我有一个Vue3项目与SSR，Vue-Cli，Vuex和打字稿.
在路由器页面中，我需要将数据提交到Vuex商店。在.vue文件中，我只使用这个.$store，输入为vuex.d.ts，如下所示：
this.$store.commit("setFoo", "Bar")
但是，如何从没有此实例或vue实例的ts文件(路由器/index.ts)中执行此操作。
我尝试导入存储索引文件并提交：
import store from "@/store/index"
store.commit("setFoo", "Bar")
浏览 8提问于2021-08-31得票数 2
回答已采纳
当我试图导出一个名为"new“或”ESLint“的函数时，Babel和ESLint会抛出解析错误。
export function new () {}
export function delete () {}
为什么会发生这种情况？这是一个错误，还是这不可信，因为巴别尔？
浏览 3提问于2017-04-11得票数 0
回答已采纳
我的家庭组件在我的App.js组件中是不可访问的。Home.jsx
import React from 'react'
import "./Home.scss
const Home = () => {
return (
<div>
<div className="home">Home</div>
</div>
)
}
export default Home
这是我的App.js代码
import "./pages/home/Home"
f
浏览 4提问于2022-11-16得票数 0
我已经定义了一个如下的函数。
export default const myFunc = () => {
// Do stuff
}
然而，ESLint抱怨与Parsing Error: Only expressions, functions or classes are allowed as the default export的常量
有趣的是，如果我删除default关键字，ESLint也不会有任何抱怨。
为什么解析函数失败？
浏览 0提问于2020-11-18得票数 0
1回答
/* index.js */
import { React } from 'react';
import { USER, ORDER } from './StaticVariable';
class AgentList extends React.Component {
render() {
const useInfo = USER;
const orderId = ORDER;
return <Info useInfo={useInfo} orderId={orderId} />
}
}
/* StaticVariabl
浏览 0提问于2017-05-25得票数 2
1回答
我真的在努力理解如何使用React + TS正确地进行单元测试，但是到目前为止，这真的很难。我有两个非常简单的组件，用来隔离事物。我会包括在底部的组件，这样我就不会把东西弄得太乱。
非常简单，单击Button，状态变量data中的“hello”到“world”的更改将显示在InnerComponent中。，模式是测试文档中的副作用，而不是尝试测试状态更改本身(谢天谢地，我在试图使用类型记录访问包装实例中的状态时做了一个噩梦)。然而，eslint讨厌screen，TS无法找到findByText。相反，在下面的测试中，我得到了注意到的行上的错误Property 'findByText&#
浏览 4提问于2022-01-05得票数 2
回答已采纳
我有一个非常简单的vue项目：
<template>
<div class="text-breakdown">
<h3 class = "title">Text Breakdown</h3>
<form onsubmit="greet()">
<textarea type="text" id = "breakdown-text"
placeholde
浏览 19提问于2020-05-18得票数 62
回答已采纳
我有一个项目建立在Node.js，DynamoDB和其他亚马逊网络服务上，部署在无服务器架构上。我还安装了ESLint包。
我收到以下错误：
ESLint: Import and export declarations are not supported yet on Node 8.0.0. (node/no-unsupported-features)
以下是我的项目的详细信息：
Node version: 12.13.0
NPM version: 6.12.0
Serverless version: 1.40.0
ESLint: 6.8.0
我已经通过我的项目节点版本和我的本地版本进行了双重
浏览 72提问于2019-11-21得票数 3
我正在用eslint建立一个新的打字稿项目。我正在尝试正确设置eslint规则，以便tsc命令运行时不会出现错误。我在tsconfig.json中使用的“tsconfig.json”规则有问题，但我无法用eslint检查这个规则。
.eslintrc.js：
module.exports = {
extends: [
"eslint:recommended",
"plugin:@typescript-eslint/eslint-recommended",
"plugin:@typescript-es
浏览 5提问于2020-11-13得票数 16
回答已采纳
我的js文件中包含以下内容：
import { NativeRouter, Route, Link } from 'react-router-native'
运行eslint时，我得到以下错误：
error Route not found in 'react-router-native' import/named
然而，我的应用程序运行得很好，我只是在运行eslint时得到了错误。为什么会这样呢？
来自package.json：
"eslint": "^4.15.0",
"eslint-config-airbnb
浏览 31提问于2018-02-02得票数 0
我刚把我的项目从39号更新到42个。该项目使用ReactiveNavigation4。在更新之前，一切正常，现在我得到了一个恼人的错误：
警告: React.createElement: type无效--需要一个字符串(用于内置组件)或一个类/函数(用于复合组件)，但got: undefined。您可能忘记从定义在其中的文件中导出组件，或者您可能混淆了默认导入和命名导入。
检查您在App.js:89的代码。
in (由ExpoRoot创建)
在ExpoRoot (at renderApplication.js:45)
在RCTView (at View.js:34)
在视图中(在AppCont
浏览 0提问于2021-08-20得票数 0
我不能在useEffect内部使用分派，只要我添加该行，它就显示了这个错误
import { useDispatch } from 'react-redux'
import db from '../firebase'
import setProjects from '../features/projects/projectSlice'
function Home (){
const dispatch = useDispatch();
let projects = [];
useEffect(() => {
浏览 0提问于2021-10-20得票数 0
回答已采纳
1回答
对于一个新项目，我开始使用rollup来捆绑UI库并在react应用程序中使用该库。我还使用纱线工作区来管理UI库和web应用程序之间的内部依赖关系。
当我试图在我的web应用程序中使用UI库时，导入返回未定义的结果，并抛出“无法从未定义的中获取”错误。
(C:/Users/user/dev/project/packages/project-web/src/pages/App.jsx:9:6)：无法读取应用程序TypeError中未定义的属性“NavBar”
webapp应用程序代码：
import React from 'react';
import {NavBar}
浏览 0提问于2018-06-25得票数 8
回答已采纳
我有一个函数，它返回这样一个类：
function createClass() {
return class implements ISomeInterface {/* ... */}
}
export { createClass }
但是现在ESLint发出了以下警告：
Missing return type on function.
并链接到这个。
如何定义返回类型的createClass以使ESLint高兴？
浏览 2提问于2020-12-09得票数 0
回答已采纳
有人能提供eslintrc规则来检测下面代码中的错误吗？ exports.a = 5;
// something here
exports.a = 10; 我尝试在import/export规则中使用eslint-plugin-import，但在此代码中未检测到任何错误
浏览 12提问于2019-06-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
