Custom eslint no-restricted- lodash vs. lodash/fp的导入
eslint是一个用于JavaScript代码检查的工具，它可以帮助开发人员在编写代码的过程中发现潜在的错误和问题，并提供一些规范和最佳实践。
在这个问题中，我们需要讨论的是"Custom eslint no-restricted- lodash vs. lodash/fp的导入"。这个问题涉及到了eslint规则中关于导入lodash和lodash/fp模块的限制。
- 名词概念：
- eslint：是一个JavaScript代码检查工具。
- no-restricted-modules规则：这是eslint规则的一种，用于限制某些特定的模块的导入。
- lodash：是一个JavaScript工具库，提供了很多实用的功能函数。
- lodash/fp：是lodash库的一个功能相似但具有一些不同特性的函数式编程版本。
- 分类：
- eslint规则
- lodash库
- lodash/fp库
- 优势：
- eslint规则可以帮助开发人员遵循一致的代码风格和最佳实践。
- lodash库提供了许多实用的函数，可以帮助简化代码逻辑和提高开发效率。
- lodash/fp库是一个函数式编程版本的lodash，它提供了更多纯函数和不可变数据结构的支持，适合函数式编程风格的开发。
- 应用场景：
- eslint规则可以在项目中使用，以保证代码质量和一致性。
- lodash库可以在需要使用实用函数的JavaScript项目中使用。
- lodash/fp库适合那些希望采用函数式编程风格的JavaScript项目。
- 推荐的腾讯云相关产品：
- 对于eslint规则的应用，腾讯云无具体相关产品，但可以结合云服务器、云函数等其他产品进行代码检查和部署。
- 对于lodash和lodash/fp的使用，腾讯云无具体相关产品。
以上是对"Custom eslint no-restricted- lodash vs. lodash/fp的导入"这个问题的完善且全面的答案。请注意，这只是一个示例回答，具体答案可能根据实际情况而有所不同。
相关·内容
1回答
未找到Lodash导入函数
、、、、
我正在尝试将“管道”函数从存档导入到我的项目中，但我在浏览器控制台中发现了错误，没有找到404。
index.html：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Functional Programming</title>
<script defer type="module" src="script.js"></script>
</head>
浏览 4提问于2021-12-30得票数 0
我正在尝试定义一个列表，其中列出了应该从fp导入的某些lodash方法。此外，我正在尝试禁止从lodash的顶层导入。应禁止从lodash进行非结构化导入。 我们的目标是： import _ from 'lodash'; // should show message "Import [module] from lodash/[module] instead"
import { isEqual } from 'lodash'; // should show message "Import [module] from lodash/[mod
浏览 52提问于2021-10-18得票数 0
回答已采纳
在angular中导入的两种语法有什么不同： import partition from 'lodash/fp/partition';
import { partition } from 'lodash/fp/partition'; 第一个可以工作，但另一个不能为我工作。 谢谢
浏览 14提问于2019-10-09得票数 2
回答已采纳
1回答
我正在尝试在为浏览器编写的库中使用lodash/fp。我正在使用Webpack来打包我的库。
在我的代码中，我当前加载lodash/fp，如下所示(ES2015风格。我用巴别塔来翻译它)：
import fp from "lodash/fp";
在运行时，从Chrome的调试器中，我可以注意到顶层的“标准”_对象的存在，以及所有常见的非curried方法。但是，fp对象不在那里，并且我不能访问fp样式的方法。
我怎么才能让它工作呢？
浏览 9提问于2017-02-09得票数 0
回答已采纳
我使用yarn add github:username/custom-module向我的项目添加了一个自定义模块。模块及其内容显示在我的node_modules文件夹中，但我无法从中导入任何内容。
我像使用import { Component } from "custom-module";一样将它导入到我的文件中，但是TypeScript返回"Module : Error:无法解析‘filepath.’中的‘定制模块’“。
我的项目的package.json
{
"name": "project-name",
"versi
浏览 6提问于2022-02-16得票数 1
回答已采纳
我尝试过的：
import {debounce} from 'https://deno.land/x/lodash@4.17.15-es/lodash.js';
在其他答案中发现了这一点，但它不是/fp，在当前版本中不可用。
import {debounce} from 'https://cdn.skypack.dev/lodash/fp?dts';
这会导致3392个错误，通常是[ERROR]: Cannot find namespace 'lodash'.。
如何(轻松地)在Deno中导入当前版本的lodash/fp？
浏览 10提问于2021-09-11得票数 0
我有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
回答已采纳
我的用例 我有一个utils混合模块，它将lodash作为方法注入到所有.vue (single file components)组件中： // utilsMixin.js
import _ from 'lodash';
import moment from 'moment';
export default {
computed: {
_: () => _,
moment: () => moment,
},
}; // main.js
// ...
import utilsMixin from './utils
浏览 45提问于2019-01-24得票数 1
我正试图通过向app.module.ts全局导入送交函数来优化我的角4应用程序。我试过：
import { some } from 'lodash/fp/some';
import _ from 'lodash/wrapperLodash';
但是，我无法在组件中获得对该函数的引用。这将引发一个错误：
_.some(myVar, { lat: null });
我的依赖关系(与主题相关的)：
"devDependencies": {
"@angular/compiler": "^4.2.4",
"@angu
浏览 0提问于2018-03-06得票数 0
目前我正在使用lodash函数，比如
import { get } from 'lodash';
const a = get({}, path, null);
因为如果我使用
_.get({}, path, null);
eslint抛出undefined错误，这个导入对node.js代码不起作用，有没有办法让webpack自动把_.get()解析成import { get } from 'lodash'; get();？
我想在多个文件中使用它，而不是显式地从lodash导入，并希望在构建和开发服务器运行期间，webpack能够解析_ as lodash索引
浏览 0提问于2020-04-30得票数 0
当我运行ESLint时，会得到以下错误：
1:13 error 'joi' should be listed in the project's dependencies. Run 'npm i -S joi' to add it import/no-extraneous-dependencies
2:16 error 'lodash' should be listed in the project's dependencies. Run 'npm i -S lodash' to add it
浏览 22提问于2017-05-15得票数 37
在我的firebase云函数中，我将firebase-admin升级到11.0.0版本(从9.12.0)，引擎从12升级到16。在此之后，当我在模拟器中运行代码时，admin.firestore.FieldValue是未定义的。
当我部署代码时，它正常工作。
我喜欢在模拟器中进行测试。在仿真器中，我能做些什么来使它工作吗？
我的代码：
import * as admin from 'firebase-admin';
// Remove user permissions
await firestore.doc(`/${projectsPath}/${projectKey}`).
浏览 17提问于2022-07-10得票数 1
1回答
我的文件中有以下导入：
import axios from "axios";
import lodash from "lodash";
import PropTypes from "prop-types";
import React from "react";
import renderInCustomHtmlTag from "react-render-custom-html-tag";
我使用v5.9.0，但是由于某种原因，我得到了第3行的一个错误，尽管它似乎是字母顺序。
我的隐形眼镜如下：
{
"
浏览 0提问于2018-11-13得票数 3
回答已采纳
我有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
回答已采纳
我在哪里可以找到房客/计划生育的打字稿？使用来自npm的lodash定义，我在导入lodash/fp时出现了一个错误。
浏览 5提问于2016-06-24得票数 8
回答已采纳
我有一个问题，可能与使用NextJs与typescript有关。
示例：
// /pages/index.tsx
import _ from 'lodash'
export const MyComponent = () => {
return {
<ul>{
_.map(someArray, el => <li>{el}</li>) // Error: Module not found: Can't resolve 'fs'
}</ul>
}
我自己的函数也有同样的
浏览 61提问于2021-09-10得票数 0
我想在我的编译器中启用noImplicitAny标志。我的问题是我使用lodash/fp，到目前为止还没有类型。
因此，编译器抱怨缺少lodash/fp的定义文件。
有没有办法只对外部js文件允许隐式any？或者将像node_modules这样的子目录列入白名单？
浏览 4提问于2017-04-24得票数 4
1回答
我正在升级到Angular 14。除了jest设置之外，一切都很好。由于我的角度14 libaries包括在构建，我必须使用jest-ESM支持。我的配置如下：
package.json
{
"name": "my-app",
"version": "0.0.1",
"scripts": {
"ng": "ng",
"start": "ng serve",
"test": &#
浏览 10提问于2022-09-14得票数 0
来自
// Load a single method for smaller builds with browserify/rollup/webpack.
var chunk = require('lodash/chunk');
var extend = require('lodash/fp/extend');
这一方法适用于大多数方法：each、map、isArray等。我无法使用的一个方法是lodash/chain。
我导入整个目录库的当前代码如下所示：
_.chain(items)
.filter(...)
.groupBy(...)
.map
浏览 1提问于2016-03-13得票数 6
最近我开始做一个商业项目，这个项目是由另一个程序员基于react-create-app编写的。由于项目已经足够大，并且没有停止开发，所以使用react-create-app变得越来越不方便，因为我希望能够完全配置自己的webpack、node.js和其他包。
我正在寻找一个机会，尽快将项目从react-create-app迁移到表单，就好像项目最初是在没有它的情况下编写的。
在我看来，在npm run eject之后使用代码是不合理的复杂。
我试图找到至少一些关于这个问题的说明或指南，但还没有找到。
下面是package.json依赖项：
{
"dependencies"
浏览 0提问于2018-08-23得票数 1
我正在使用webpack创建一个库的几个不同的构建：
厨房水槽的建造-包括所有的全球部门已经内置，可以作为一个简单的脚本包括在页面上。
模块构建只包含库代码，不包括dep.实现者必须确保deps本身是可用的。
我有两个webpack吐露，每个建一个。webpack配置文件之间的主要区别是最小的构建使用了如下所示的externals配置，这就忽略了构建中的deps。
{
lodash: {
commonjs: 'lodash',
commonjs2: 'lodash',
amd: 'lodash',
浏览 3提问于2017-11-08得票数 1
回答已采纳
我们已经构建了一个Nuxt/VueJS项目。
Nuxt有自己的名为nuxt.config.js的配置文件，我们可以在其中配置webpack和其他构建设置。
在我们的package.json中，我们已经包含了lodash包。
在我们的代码中，我们小心翼翼地只加载我们需要的导入内容，例如：
import orderBy from 'lodash/orderBy'
在nuxt.config.js中，会将lodash添加到vendor列表中。
然而，当我们创建构建时，webpack总是包含整个lodash库，而不是只包含我们在代码中使用的库。
我已经读了很多教程，但还没有得到答案。如果
浏览 4提问于2018-03-15得票数 16
回答已采纳
import _ from 'lodash';
const foo = _.range(3); 但是ESLint给出了错误"ESLint:从完整的Lodash模块导入成员。(lodash/ Import -scope)“
浏览 9提问于2021-06-25得票数 0
回答已采纳
3回答
我发现导入整个lodash库会占用相当多的磁盘空间：
$ du . | grep lodash
1696 ./lodash/fp
5000 ./lodash
在我的代码中，我只是在做
require('lodash');
我的package.json看起来就像这样：
"dependencies": {
...
"lodash": "^4.6.1",
...
}
请注意，这仅适用于后端项目，不适用于web，如果这会有所不同的话。
所以我的问题是--最新的方法是只导入一小块lodash (就是我需要的功能
浏览 1提问于2017-02-20得票数 8
回答已采纳
我更新了React-从0.14.0升级到0.16.0，从现在开始，我在运行时出现了错误：
以下是npm dependencies：
"dependencies": {
"async": "^1.5.0",
"immutable": "^3.7.6",
"react-native": "^0.16.0",
"react-native-contacts": "../../react-native-contacts",
浏览 6提问于2015-12-17得票数 2
回答已采纳
3回答
我正在使用React，Redux和Webpack构建一个小应用程序。当我切换到Webpack v.4时，我开始收到有关包大小的警告。我读过关于如何让它变小的文章。我还安装了捆绑包分析器，发现我在node-modules中有很大的寄存器。像往常一样，我只使用一个或两个方法，对每个我更改了所有导入内容的文件使用lodash
import _ from 'loadash'
至
import get from 'lodash/get'
但这并不能帮助我降低捆绑包大小。下面我附上了我的webpack.config.js。我不知道为什么它不能工作。更令人惊讶的是，我的构建命
浏览 0提问于2018-08-17得票数 3
我想在RubyMine中通过Reformat Code命令修复ESLint错误和警告。
有一个类似的，但答案是使用Fix ESLint problems命令。(我希望始终使用相同的快捷键设置代码格式)
为了添加样式规则，我在nuxt项目中打开.eslintrc.js并运行Apply ESLint Code Style Rules命令，但它没有改变行为。
如何通过Reformat Code命令解决ESLint问题？
这是我的.eslintrc.js
module.exports = {
root: true,
env: {
browser: true,
node: tru
浏览 2提问于2019-12-09得票数 1
我正在尝试使用heroku将Next js应用程序部署到heroku。当我运行git push heroku master时，我会遇到以下问题。下面是我当前设置中的package.json文件。请帮帮忙。我一直在寻找这个问题，但我找不到任何与它有关的东西。我可以在本地机器上构建next.js应用程序，但不能部署在heroku中。
Package.json
{
"name": "XXXX-ecommerce",
"version": "0.1.0",
"engines": {
"node": &
浏览 2提问于2022-11-04得票数 -1
回答已采纳
2回答
我正在用notification_actions.js编写代码，比如：
# notification_actions.js
export const NOTIFICATIONS_RECEIVED = 'NOTIFICATIONS_RECEIVED';
export const notificationsReceived = (notifications, unreadCount) => ({
type: NOTIFICATIONS_RECEIVED,
notifications,
unreadCount,
});
(见)
然后将其捆绑到all_actions.
浏览 0提问于2016-07-03得票数 6
回答已采纳
我正在使用atom:已经安装了以下软件包: linter-eslint和linter
已在项目的文件夹中安装了以下内容：
npm install --save-dev eslint-config-rallycoding
eslint-config-rallycoding@3.1.0 node_modules/eslint-config-rallycoding
├── eslint-plugin-react@6.4.1 (doctrine@1.5.0, jsx-ast-utils@1.3.3)
├── eslint-plugin-jsx-a11y@2.2.3 (object-assign@4.1
浏览 0提问于2016-10-31得票数 0
我已经升级了一个老版本的为0.47，0.48和0.49.x。由于我已经这样做了，我一直让XCode在随机时刻与以下断点(有时是其他断点)断裂。
我的依赖关系"dependencies": { "autobind-decorator": "^2.1.0", "cheerio-without-node-native": "^0.20.2", "diacritic": "0.0.2", "expect": "^1.20.2&
浏览 4提问于2017-10-11得票数 0
回答已采纳
我正在尝试添加webpack.ProvidePlugin，它并不在Vue-cli 3上工作。我还尝试将lodash设置为全局导入(因此不必在每个存储模块中导入它)。
vue.config
const webpack = require("webpack");
module.exports = {
configureWebpack: {
plugins: [new webpack.ProvidePlugin({ _: "lodash" })]
}
};
生成错误：
Module Warning (from ./node_modules/eslin
浏览 0提问于2018-10-21得票数 1
我使用webpack构建，使用less-loader将less转换为css。在一个较少的文件中，我想像这样导入bootstrap。 @import "~bootstrap/less/bootstrap"; 但是它不能解析节点引导文件的路径。我在这里错过了什么。 错误： Can't resolve 'bootstrap/less/bootstrap.less' in '/Users/abc/workspace/codebase/hybris/bin/custom/some/somestorefront/web/webroot/WEB-INF/_u
浏览 36提问于2019-06-19得票数 1
在一个已经运行了几个月的、已经在AppStores中为iOS和Android开发的项目上，我们在开发过程中遇到了这样的错误：
babelHelpers.typeof不是函数
我们所做的就是尝试将一个基于RN-0.26的应用程序升级到一个更新的版本。但是即使在回滚之后，错误仍然存在。
我们清理了看守人员，重新检查了包装者几次。这里什么都帮不上忙。
我们的package.json看起来如下：
{
"version": "0.0.1",
"private": true,
"scripts": {
"
浏览 4提问于2016-08-18得票数 5
回答已采纳
1回答
我有一个Vue CLI 3项目，我正在建设。构建的代码似乎忽略了布罗兹列表。它输出破坏Microsoft的代码，不管我是否将边缘添加到浏览器列表中。
正在输出的语法是lambda中的参数spread操作符，类似于
(...x) => {}
这是不支持的特定版本的边缘，我的项目不断输出它！
这些是我的一些文件：
package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"scripts": {
浏览 1提问于2019-03-25得票数 1
回答已采纳
我将我的应用程序从角13升级到了14，现在当我尝试使用ng lint命令并安装了最新的eslint时，会出现以下错误：
(node:15376) UnhandledPromiseRejectionWarning: #<Object>
(Use `node --trace-warnings ...` to show where the warning was created)
(node:15376) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either
浏览 6提问于2022-09-07得票数 0
我正在尝试使用React Lazy Load ()。我是这样要求的：var LazyLoad = require('react-lazy-load').default;我使用的是基于这个的default：。而且，如果最后没有.default，它根本就不能工作。
但我仍然只需要newBundle.js:1 Uncaught Error: Cannot find module 'react-lazy-load'就可以了。你知道为什么吗？
编辑:忘记提到我已经在最开始的时候用npm install --save react-lazy-load安装了它，并且它显示在我的
浏览 1提问于2018-11-26得票数 0
2回答
我正在尝试在我的类中添加@DragDropContext装饰器，但是当我在浏览器中加载它时，我会收到一个错误。
我的组件看起来像：
import React from 'react';
import Link from 'react-router-dom';
import { connect } from 'react-redux';
import { DragDropContext } from 'react-dnd';
import { HTML5Backend } from 'react-dnd-html5-back
浏览 1提问于2018-02-14得票数 1
回答已采纳
在用VSCode中的插件进行更漂亮的配置之后，保存函数的格式在我的React+TS代码中的每个非默认导入中都添加了奇怪的value关键字。
如下所示：
import { value ApolloProvider } from '@apollo/client';
import { value BrowserRouter as Router, value Switch } from 'react-router-dom';
import Routes from './routes';
import { value client } from '
浏览 21提问于2022-01-03得票数 86
回答已采纳
4回答
我一直在关注一篇关于Lodash，的文章，它强调您可以通过使用来消除对链的需求。
给出的示例是以下使用链
import _ from "lodash";
_.chain([1, 2, 3])
.map(x => [x, x*2])
.flatten()
.sort()
.value();
可以使用流将其转换为
import map from "lodash/fp/map";
import flatten from "lodash/fp/flatten";
import sortBy from "lo
浏览 2提问于2019-06-21得票数 16
我正在尝试编译一个Nativescript应用程序，作为我们Teamcity部署策略的一部分。
当我运行NPM安装时，会遇到一个ENOENT错误，试图查找文件，如下所示：
npm WARN tar ENOENT: no such file or directory, open '/home/my_user/BuildAgent/work/my_application/node_modules/.staging/lodash-7722a2ea/fp/assignAll.js'
npm WARN tar ENOENT: no such file or directory,
浏览 2提问于2019-12-15得票数 33
回答已采纳
关于将外部包函数导入到我的普通javascript项目/文件，我在这里一定缺少一些非常基本的内容。
我有一个简单的项目，我已经开始了npm ，然后安装了包。我必须运行以下类型的规范化代码，当我在一个React组件中运行下面的代码时，这是非常有效的。
，但是导入语句本身在我的简单普通JavaScript文件/项目中失败了.
const normalize = "./node_modules/normalizr/dist/normalizr.js";
const schema = "./node_modules/normalizr/dist/normalizr.js"
浏览 4提问于2020-03-11得票数 0
回答已采纳
我使用"vue created default“命令创建了一个新的vue.js安装。在那之后，我也用这个命令"npm -保存房源“安装了lodash。我可以在“依赖”对象的package.json中看到它。问题是，当我在我的main.js上导入它并使用提交函数时，它显示的是错误"_ is not“。所以我尝试在App.vue中导入它。错误“未定义”已被删除，但不起作用。
下面是App.vue、main.js和package.json内部的代码
main.js
import Vue from 'vue'
import App from './App
浏览 1提问于2020-01-23得票数 0
回答已采纳
我的节点版本是16.13.0，我使用的是角14
以下是我的package.json
{
"name": "my-project",
"version": "01.06.05",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "node ./replace.build.js && ng serve --open",
浏览 4提问于2022-09-04得票数 2
回答已采纳
我正在学习建立一个NPM图书馆。它的源代码可以找到。我已经将lodash设置为peerDependency，以便应用程序(它使用库)可以自己安装它。
现在的问题是，当我在应用程序中安装库(@a6kme/math)时，在导入库时得到错误Unhandled Rejection (ReferenceError): lodash is not defined。我已通过其他库进行了检查，并已通过其他库安装了应用程序。( lodash存在于node_modules文件夹中)
=== 来自 ===的一些文件
我的package.json
{
"name": "@a6kme/ma
浏览 0提问于2019-04-18得票数 1
回答已采纳
我试图从pipe中导入lodash/fp
import { pipe } from "lodash/fp";
但会有后续的错误
Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '/home/user/Codes/redux-tut/node_modules/lodash/fp' is not supported resolving ES modules imported from /home/user/Videos/Codes/redux-tut/src/index.js
Did you mean to
浏览 4提问于2020-11-08得票数 3
1回答
我需要帮助。我在试着陷害你。但是我只在控制台中看到错误，在问题图和代码编辑器中没有看到它们
我试着按照airbnb关于github的指示做每件事
同时，为了看到这些错误，我需要运行命令
.eslintrc.js
module.exports = {
extends: [
'airbnb-typescript',
'airbnb/hooks',
'plugin:@typescript-eslint/recommended',
'plugin:jest/recommended',
浏览 12提问于2022-06-14得票数 2
1回答
我正在尝试采用Lodash函数编程函数，并将_.chain替换为流程。但是，传入流的筛选键未定义：
import flow from 'lodash/fp/flow';
import filter from 'lodash/fp/filter';
flow(
filter((value, key) => console.log(value, key)) // key is undefined
)({ name: "Tobi", year: 2017, });
浏览 0提问于2017-02-16得票数 0
回答已采纳
我跟踪了Google中的应用程序购买部分，但是在我完成所有步骤并最终运行了firebase部署之后，出现了这个错误。
我读过许多关于简单问题的解决方案，例如，删除节点模块和包锁文件，然后重新安装它们，将级别降为14的节点版本降为14，降级为firebase-admin，firebase-函数.但他们都不适合我。
我现在完全绝望了。谁来帮帮我。我已经搜索了72个小时，但一无所获。
这是终端的内容显示后，我运行消防基地部署。
% firebase deploy
=== Deploying to 'server-259035'...
i deploying firestore,
浏览 32提问于2022-08-12得票数 0
我在一个曾经有效的nuxt.js项目上遇到了这个奇怪的错误，问题是在一个新的npm install && npm run dev之后，我得到了：
SyntaxError: Unexpected token )
at Function (<anonymous>)
at /home/user/Documents/project/frontend/src/node_modules/lodash/lodash.js:14866:16
引用的行是这样的：
14865: var result = attempt(function() {
14866: ret
浏览 1提问于2019-04-02得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
