在发布为 npm 包之前使用 npm 链接测试组件时出现重复的 ReactJS 导入问题
我有一个像这样的简单组件。 从'react'导入React，{useState}； 函数 MyComponentWithState(props) { const [值，setValue] = useState(0); 返回 （ 我的价值... 我有一个像这样的简单组件。 import React, {useState} from 'react'; function MyComponentWithState(props) { const [value, setValue] = useState(0); return ( <p>My value is: {value}</p> ) } export default MyComponentWithState; 我想将它作为单独的包发布在 NPM 上。因此，为此我准备了 package.json 和 webpack.config.js，如下所示。 package.json： { "name": "try-to-publish", "version": "0.0.1", "description": "Just a test", "main": "build/index.js", "scripts": { "start": "webpack --watch", "build": "webpack" }, "author": { "name": "Behnam Azimi" }, "license": "ISC", "peerDependencies": { "react": "16.9.0", "react-dom": "16.9.0" }, "dependencies": { "react": "16.9.0", "react-dom": "16.9.0", "prop-types": "15.7.2", "react-scripts": "3.1.1", "webpack": "4.39.3" }, "devDependencies": { "@babel/core": "7.6.0", "@babel/plugin-proposal-class-properties": "7.5.5", "@babel/preset-env": "7.6.0", "@babel/preset-react": "7.0.0", "babel-loader": "8.0.6", "babel-plugin-transform-object-rest-spread": "6.26.0", "babel-plugin-transform-react-jsx": "6.24.1", "css-loader": "3.2.0", "node-sass": "4.12.0", "sass-loader": "8.0.0", "style-loader": "1.0.0", "webpack-cli": "3.3.8", "webpack-external-react": "^1.1.2" } } webpack.config.json： const path = require('path'); module.exports = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'build'), filename: 'index.js', libraryTarget: 'commonjs2' }, module: { rules: [ { test: /\.(js|jsx)$/, exclude: /node_modules/, include: path.resolve(__dirname, 'src'), use: { loader: "babel-loader" } }, ] }, resolve: { alias: { 'react': path.resolve(__dirname, 'node_modules/react'), 'react-dom': path.resolve(__dirname, 'node_modules/react-dom'), } }, externals: { 'react': "commonjs react", 'react-dom': "commonjs react-dom" }, }; 这是我的 .babelrc: { "presets": [ "@babel/preset-env", "@babel/preset-react" ], "plugins": ["@babel/plugin-proposal-class-properties"] } 当我将组件发布到 NPM 并使用 `npm install 将其安装到我的另一个 ReactJs 项目中时，这些配置就像魅力一样，但我的观点是本地测试！ 我想在发布之前测试这个组件/库。为此，我使用 npm link 功能将我的组件与我的主 ReactJS 项目链接起来。 正如您在上面看到的，我的组件是功能性的，我也使用了钩子。因此，当我将本地链接的库注入到我的主 ReactJs 项目中时，会遇到此错误， 无效的挂钩调用。钩子只能在函数组件的主体内部调用。发生这种情况可能是由于以下原因之一： 1.您的React和渲染器版本可能不匹配（例如React DOM） 2. 你可能违反了 Hooks 规则 3. 您可能在同一个应用程序中拥有多个 React 副本 我的问题与第三个原因有关。我的项目使用 ReactJs 并导入一次，我的组件也会导入 React！我的意思是在一个项目中两次 React 导入！. 我的 Webpack 配置中还有关于 react 和 react-dom 的 externals 配置。 我应该怎么做才能解决这个问题？我的错误在哪里？ 更新： 我也尝试过 @sung-m-kim 和 @eddie-cooro 所说的，但没有成功！意思是，我更改了 package.json 并从 react 中删除了 react-dom 和 dependencies 并将它们添加到 devDpendencies。 我终于通过这些步骤解决了这个问题。 运行npm链接里面 <your-library-package>/node_modules/react 还有 运行npm链接里面 <your-library-package>/node_modules/react-dom 然后在 应用程序根目录中运行 npm link react 和 npm link react-dom 并且不要忘记将 React 和 React-dom 作为库中的外部对象保留 // webpack.config.js const externals = { "react": "react", "react-dom": "react-dom", } module.exports = { . . . externals } 我解决了我的问题。我使用 RollupJS 而不是 Webpack 作为捆绑工具进行捆绑。 这是我的rollup.config.js： import {uglify} from 'rollup-plugin-uglify' import babel from 'rollup-plugin-babel' export default { input: "./src/index.js", external: ['react', 'react-dom'], output: { name: 'test-lib', format: "cjs", }, plugins: [ babel({ exclude: "node_modules/**" }), uglify(), ], }; 和我的package.json： { "name": "test-lib", "version": "1.0.0", "main": "dist/test-lib.min.js", "scripts": { "build": "rollup -c -o dist/test-lib.min.js" }, "author": "Behnam Azimi", "license": "ISC", "peerDependencies": { "react": "^16.9.0", "react-dom": "^16.9.0" }, "devDependencies": { "@babel/core": "^7.6.0", "@babel/preset-env": "^7.6.0", "@babel/preset-react": "^7.0.0", "rollup": "^1.21.4", "rollup-plugin-babel": "^4.3.3", "rollup-plugin-commonjs": "^10.1.0", "rollup-plugin-uglify": "^6.0.3" } } 经过这些更改，npm link在我的ReactJS（Hooks）项目中真正发挥了作用。 请注意，这只是一个简单的 Rollup 配置来展示我的解决方案，您可以在配置中添加多种内容，例如热重载、样式加载器和许多其他插件。 仅在 package.json 的 react 部分（而不是 react-native）内设置 peerDependencies 和 dependencies 包。另外，对于本地开发（当您的包未包含在任何其他 React 项目中并且您想在本地运行它时），您可以使用 devDependencies 字段。 我在打字稿反应项目中解决了这个问题。 可能，当使用 npm link 时，请使用主应用程序项目和组件项目中的 react。 因此，在您的 package.json 中从 react 和/或 dependencies 中删除 devDependencies 检查答案：https://stackoverflow.com/a/62807950/5183591 我也有同样的问题。 就我而言，我开发了一些 UI 组件作为包，其中有一个包含 React 应用程序的示例文件夹，用于创建 React 应用程序。 问题是，当我使用 npm i ../ 将包安装到示例应用程序中时，它会将包中的所有文件安装到示例应用程序中，包括 node_modules 文件夹。由于我已经安装了 react 和 react-dom 作为对等依赖项，示例应用程序现在有两个不同的 React 副本。 从包中删除 node_module 文件夹并重新安装包再次解决了我的问题。
如何使用 karma-babel-preprocessor 和 PhantomJs 保留行正确的行号？
当我像这样使用 karma-babel-preprocessor 的记录配置时 module.exports = 函数（配置）{ 配置.设置({ 预处理器：{ 'src/**/*.js': ['babel'], '测试/*...
尝试将我的 nextjs 项目从 babel 迁移到 swc，它会抛出错误“当前未启用对实验性语法‘jsx’的支持”
我正在尝试将我的 NextJS 项目（NextJS 版本 13）从 babel 迁移到 swc。这是我的 bablerc 文件。我不断收到错误“当前未启用对实验性语法‘jsx’的支持...
Jest + TypeScript + Babel 未知选项：.0
我使用 Jest 为我的一些 Fauna DB 操作编写了一个集成测试。我尝试测试的源代码 (fauna.ts) 和测试本身 (fauna.test.ts) 都是 TypeScript 文件。我已经
.net core 3.1 中 [RoutePrefix("api/{controller})] 的替代品是什么？
我正在迁移Asp.net（.net框架）项目Asp.net core（.net core 3.1框架）。 我无法找到替代方案 [RoutePrefix("api/{controller})] 在.net core 3.1 中？ 任何想法，如何...
使用 EF Core 和 GraphQL 在 ASP.NET Core 中保留唯一的连续组编号
我正在使用 ASP.NET Core Minimal API (.NET 7) 和 Entity Framework Core、HotChocolate（用于 GraphQL）和 Microsoft SQL Server 数据库开发 API 后端。我遇到了一个特定的挑战...
将 dotnet core (.NET Core) 嵌入到 Windows/Linux 上的本机应用程序中
是否有可能将 dotnet core (.NET Core) 环境嵌入到本机进程中？ 我的用例是现有的游戏服务器，我想在其中提供扩展游戏的可能性...
.Net core Web API 将 json/model 值设置为 NULL
我有一个 .Net core Web API，它接受以下 JSON：（RequestModel） { “isSpecimen”：正确， “形式”： { “网络”：{ “abc1...
找不到 ASP.NET Core Web 应用程序（.NET Core）项目模板
我目前正在实习的公司学习上级发给我的 C# 教程。该教程可能有点旧，因为它说“选择 ASP.NET Core Web 应用程序...
./node_modules/@redux-saga/core/dist/redux-saga-core.esm.js 中的警告 1343:21-28 “在‘redux’中找不到导出‘compose’ @ ./node_modules/redux-saga/dist/redux-saga-core-npm-proxy.esm.js ...
Angular CLI 版本与 Angular Core 版本之间的兼容性？
有什么方法可以知道要安装哪个与我的 Angular Core 版本兼容的 Angular CLI 版本？他们完全独立吗？ 使用 Core v5.2.8 开发现有的 Angular 应用程序...
EF Core 新验证属性“DeniedValues”与“StringComparison”不起作用
EF Core 新验证属性 DeniedValues 与 StringComparison 不起作用： [DeniedValues("坏", "哈哈", StringComparison.OrdinalIgnoreCase)] 公共字符串名称{获取;是...
Entity Framework Core“未将对象引用设置为对象的实例”，并在 LINQ 中使用嵌套的 .Any
我有一个使用 Entity Framework Core 1.0.0 的 ASP.NET Core 应用程序。 在特定查询中，我收到“对象引用未设置到对象实例”异常。 查询是
从 .NET Core 3 升级到 .NET 8 后面临一些 EF Core 版本问题
我已将我的应用程序从 .NET Core 3 升级到 .NET 8。当我尝试运行我的应用程序时，出现以下错误： 未处理的异常。 System.TypeLoadException：无法加载类型“Microsoft”。
ASP.NET Core 6 中的 AddEndpointsApiExplorer 是什么
我正在将 ASP.NET Core API 项目从 v5 升级到 v6。 v5 中的服务配置： services.AddSwaggerGen(); v6 中的服务配置： builder.Services.AddEndpointsApiExplorer(); // 这是什么？ 建设者。
ASP.NET Core 应用程序中对“Microsoft.WindowsDesktop.App”的意外要求
我的 ASP.NET Core (.NET 6.0) API 应用程序的 Visual Studio 解决方案最近发生的更改导致需要“Microsoft.WindowsDesktop.App”，框架条目为
ASP.NET Core razor 页面 - 使用 asp-route-
我已经为我的 asp.net core 项目 (.NET 8) 实现了基于路由的本地化。基本上满足这些要求： 当请求根（path = '/'）时，CultureInfo.CurrentCulture 是...
Windows 支持 Jane Street OCaml Core？
我正在阅读 https://realworldocaml.org/ （顺便说一句，这是一本很棒的书），所有示例都假设使用 Jane Street Core 库。我还不熟悉 OCaml 环境并且
dotnet core中的[ScriptIgnore]在哪里？
我正在将一个大型存储库转换为.net core，但我无法找到以前位于 System.Web.Script.Serialization 内部的 [ScriptIgnore] 属性的替代品。 有没有替代品...
当数据库不存在时 EF Core 和 SQL Server 出现意外行为
我有一个桌面应用程序，它使用 .NET Core 8 和 EF Core 与 SQL Server。 当我需要测试迁移时，我通常会删除生成的数据库，但不知何故，我开始收到这个奇怪的信息......
需要演示 DataTypeAttribute 的这种用法（如 Microsoft 教程中所述）
我正在从 ASP.NET MVC 迁移到 ASP.NET Core，同时学习此页面上的 Microsoft 文档 https://learn.microsoft.com/en-us/aspnet/core/tutorials/razor-pages /验证？view=aspn...
Entity Framework Core 7 连接证书信任异常
我最近在开发中升级到 Entity Framework Core 7，但遇到异常，“已成功与服务器建立连接，但在连接过程中发生错误...
我已经做好了管道。效果很好。突然它给出了类似的错误 2015-12-18 02:39:08.091 GMT] 错误 system.core ISH-CORE-2368 Sites-SiteGenesis-Site core Storefront [uuid] [request-id...
在 ASP.NET Core 7 WebAPI 上运行 React-App 构建
我有一个 ASP.NET Core 7 WebAPI，有很多路由，例如： domain.com/Api/Product/GetAll domain.com/Api/Product/Delete/ domain.com/Api/Product/Create ... 我有一个反应应用程序，我需要使用它
从 net core 2.1 迁移到 net core 7 的问题
将我的entityframeworkcore从2.0迁移到7.0后。我的自定义代码中出现错误。你能帮忙解决这个问题吗 公共静态任务 SingleOrDefaultById（此 DbSe...
ASP.NET Core Json 对象的格式很奇怪，带有 \u0022
我计划从 ASP.NET Core 控制器执行 JSON 响应，但它并不像我想象的那么简单。 像 {"ConfigValue":"192.168.1.125:1880"} 这样的简单字符串应该是
我在 SAP 的 docker 容器内使用 OData 服务和 C# ASP.NET Core 3.1 服务，并具有客户自签名证书。 与此同时，我尝试了一千件事，但错误
我在应用程序中使用 EF Core 与数据库交互，并使用代码优先方法来生成和迁移所述数据库。 我有从 API 接收的实体...
我有这个非常简单的代码来将两个矩阵与 Cuda Tensor Core 相乘 constexpr int M = 16； constexpr int N = 16； constexpr int K = 16； /* * 矩阵 A = M x N，B = N x K，C = M x K => ...
将 appsettings.{env}.json 合并到 .NET Core 3.1 中的 appsettings.json
我了解 .NET Core 3.1 中的默认行为是，当您发布解决方案时，它会将所有 appsettings.{env}.json 文件复制到最终包中，这取决于您的环境...
生成的 .NET Core 2.2 exe 在不同的端口上启动
我想为我的 .NET Core 2.2 应用程序生成一个 .exe 并在某个端口（假设为 5432）上启动它。我将 win-x64 添加到我的 .csproj 以生成...
HtmlHelpers Html.LabelFor/TextBoxFor/EditorFor 在 ASP.NET Core Razor 页面中无法识别
我有一个从 .NET Core 3.1 迁移的 .NET 5.0 MVC 项目，但使用 Html.LabelFor、Html.TextBoxFor 或 Html.EditorFor 的表单不显示输入。 看法： @模型更新产品视图模型； @{ 使用...
使用 Entity Framework Core 6 对表的子集应用逆向工程
我正在开发 ASP.NET Core Web API (.NET 6)，我想仅对某些表应用逆向工程。因为数据库相当广泛，我不需要所有的表，只需要一些
我对 ASP.NET Core 2.0 的 MVC 和 razor 项目非常困惑。 在 Visual Studio 2017 中我执行以下操作： 新项目 Web ASP.NET Core 应用程序 (C#) Web 应用程序（不是 Web 应用程序 MV...
我想在 ExceptionFilter 中使用 .NET Core Logger，如下所示： 公共类 GlobalExceptionAttribute ：ExceptionFilterAttribute { 私有只读 ILogger _logger;...
在 ASP.NET Core 中将数据保存到数据库时遇到问题
创建菜谱时，我的 ASP.NET Core MVC 应用程序遇到问题。该问题涉及无法将配方成分保存到数据库中。虽然主要食谱详细说明...
我正在尝试在采用图灵架构设计的 GPU 上使用 Tensor Core 来乘以 8x8 大小的块。为此，我使用 WMMA API 和大小为 16x16 的片段。我的假设是共享的
在NAS Synology中发布Net Core Web API，Web根路径问题
我正在尝试使用 hgy59 的 Synology 套件“.NET 6.0 Runtime”来创建一个小型网站。我正在使用这篇文章的示例： 在 NAS 中发布 Net Core Web API Synology 我找不到...
为什么 Razor Pages 项目仍然引用/依赖 MVC？
我对 ASP.NET Core 2.0 的 MVC 和 Razor Pages 项目非常困惑。 在 Visual Studio 2017 中我执行以下操作： 新项目 Web ASP.NET Core 应用程序 (C#) 网络应用程序（不是网络应用程序...
为什么 Razor Pages 项目仍然引用/依赖 MVC？
我对 ASP.NET Core 2.0 的 MVC 和 Razor Pages 项目非常困惑。 在 Visual Studio 2017 中我执行以下操作： 新项目 Web ASP.NET Core 应用程序 (C#) 网络应用程序（不是网络应用程序...
ASP.NET Core 6 MVC：仅使用授权策略在 HttpPost 上出现 cors 错误
我已将 ASP.NET Core 6 MVC 应用程序添加到 Azure“应用程序注册”，并且我能够使用 Microsoft WebUI 登录并执行 GET 请求来获取例如我的观点。 应用...
游戏的实时 Web API 可以在 ASP.NET Core 和 SQL Server 中实现吗？
您能告诉我游戏的实时 Web API 是否可以在 ASP.NET Core 和 SQL Server 中实现吗？ 我们正在开发的 Unity 游戏需要实时 Web API。我们正在使用 SQL
.net core“请求过滤模块被配置为拒绝查询字符串太长的请求”
我在运行基于 .net core 的应用程序并尝试应用身份验证和授权时收到上述错误。错误显示在第一页（索引页）上...
使用 EF Core 7 连接本地 SQL Server 时出现问题
我有一个简单的 Web 应用程序，它是从 .NET 5 和 EF Core 5 版本上的 Visual Studio 生成的，唯一添加的是 WebDbContext 和 sql 查询来查看数据库连接是否有效。 WebDbConte...
x_val, s_rate = librosa.load(文件名, sr=采样率) 文件“/python3.6/site-packages/librosa/core/audio.py”，第 140 行，位于 加载 y = sf_desc.read(frames=frame_duration, dtype=dtype,
Apple 刚刚向公众宣布了新的 NFC Core API。 这是他们的说法。 核心NFC 借助 Core NFC 框架，您的应用程序现在可以支持标签 写入，包括写入 NDEF 格式的标签。框架...
Raspberry PI 默认网络服务器上的 Windows IoT Core
有人找到了如何制作一个与默认 IoT Core 类似的网络服务器吗？找到的最相似的示例是这个，但是当我尝试在页面中插入一些 javascript 时，无法识别。在
如何在 EF Core 中具有两级继承的 LINQ 查询中从基类访问属性
我们使用 SQL Server 和 EF Core 将 C# 对象映射到数据库。对象模型有两个抽象级别，如下所示： 公共抽象类 Animal { 公共 int Id { 得到;放; } 噗...
HTTP 错误 500.37 - ASP.NET Core 应用程序无法在启动时间限制内启动
将新的 .net 8 项目部署到 Windows 2022 服务器和 IIS 中时，尝试启动它时出现此错误： HTTP 错误 500.37 - ASP.NET Core 应用程序无法在启动时启动 时间限制
C# 和 ASP.NET Core MVC：选择 100 个图像时 IFormFileCollection 为 NULL
为什么在 C# 和 ASP.NET Core MVC 中回发到控制器操作时 IFormFileCollection 为 NULL？ 如果我选择 10 张图像，它会起作用，如果我选择 100 张图像，它会失败 - 为什么？文件上传有限制吗...