当我尝试编译 React 应用程序时，Webpack 无法编译错误
无法解析源映射：'webpack:///../../src/chains/index.ts' URL 不受支持 无法解析源映射：'webpack:///../../src/eips/index.ts' URL 不受支持 无法解析源代码...
在发布为 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 文件夹并重新安装包再次解决了我的问题。
我正在尝试设置 webpack 的开发服务器和 HMR 来配合 Shopify 主题开发。当运行服务器并打开本地 IP 时，我从 Shopify 的 DNS 提供商 CloudFlare 收到此错误......
我最近启动了带有临时和生产环境的 Heroku 管道。我的应用程序是使用 React、NodeJS 和 Webpack 构建的。 当我部署到 staging 时，我的 baseURL 是生产 url，但它...
Vue 2.0 + webpack 使用 npm 包中的组件
我正在尝试使用 webpack 和 Vue 2.0 设置一个项目，但在我的项目中使用 npm 包（如 vue-parallax）中的组件时遇到了一些麻烦。 我安装了该软件包并且一切...
Databricks CLI 版本 0.209 - 重置 API v2.1 中的现有作业
如何使用 cli v 0.209 重置 databricks 中的现有作业。 已经参考了下面讨论旧版本 databricks-cli 的论坛 Azure Databricks CLI：更新工作流/作业定义...
无法运行 NestJS CLI 命令。 zsh：找不到命令：nest
通过运行 npm i -g @nestjs/cli 成功全局安装 NestJS CLI 后，我无法让 zsh 识别 Nest 命令。它总是抛出 zsh: command not fou...
我使用 webpack 5 和 HtmlWebpackPlugin 来构建我的前端 SPA。 我需要向 添加随机数属性 <question vote="0"> <p>我正在使用 webpack 5 和 <pre><code>HtmlWebpackPlugin</code></pre> 来构建我的前端 SPA。</p> <p>我需要将 <pre><code>nonce</code></pre> 属性添加到 <pre><code><script ...</code></pre> 注入的 <pre><code>HtmlWebpackPlugin</code></pre> 标签中。</p> <p>我该怎么做？</p> <p>额外问题：之后我在服务之前使用此页面作为 Thymeleaf 模板。如何注入<pre><code>nonce</code></pre>值？</p> </question> <answer tick="false" vote="0"> <p>如果您使用的是 webpack 4，海里有很多鱼——只需使用任何注入属性的插件，例如 <a href="https://github.com/numical/script-ext-html-webpack-plugin" rel="nofollow noreferrer">script-ext-html-webpack-plugin</a> 或 <a href="https://github.com/dyw934854565/html-webpack-inject-attributes-plugin" rel="nofollow noreferrer">html-webpack-inject-attributes-plugin</a> </p> <p>但是，上面提到的大多数插件都不适用于 webpack 5。解决方法是使用 <pre><code>HtmlWebpackPlugin</code></pre> <a href="https://github.com/jantimon/html-webpack-plugin#writing-your-own-templates" rel="nofollow noreferrer">templates</a>。</p> <ol> <li>将<pre><code>inject</code></pre>中指定的<pre><code>false</code></pre>选项中的<pre><code>HtmlWebpackPlugin</code></pre>设置为<pre><code>webpack.config</code></pre>。</li> <li>在模板中添加以下代码，将所有生成的脚本插入到结果文件中：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <ol start="3"> <li>在 <pre><code>script</code></pre> 中添加所有必要的属性。百里香示例：</li> </ol> <pre><code> <% for (key in htmlWebpackPlugin.files.js) { %> <script type="text/javascript" defer="defer" th:attr="nonce=${cspNonce}" src="<%= htmlWebpackPlugin.files.js[key] %>"></script> <% } %> </code></pre> <p>基于 <a href="https://github.com/jantimon/html-webpack-plugin/issues/538#issuecomment-270340587" rel="nofollow noreferrer">github 帖子</a></p>的答案 </answer> </body></html>
我正在尝试安装 salesforce CLI (linux)。我已遵循本指南的每个步骤，但我不断收到相同的错误/输出。 脚步： npm uninstall sfdx-cli --global -> 首先卸载 sfdx npm
我正在尝试安装需要grafana-cli的简单JSON插件。 但我的终端说找不到命令。有人可以帮助如何安装 grafana-cli 和 grafana 插件 操作系统 - Mac、grafana v3.0
使用 Azure DEVOPS CLI 将特定用户分配给多个项目
我是 Azure DEVOPS CLI 的新手，我需要使用 AZURE DEVOPS CLI 为组织中的所有项目分配特定用户。该组织的项目总数约为 25 个。 格雷...
在我的 React Typescript 应用程序中，我收到此错误。 webpack 编译时出现 1 个警告 src/App.tsx 中出现错误：30:21 TS2304：找不到名称“DecompressionStream”。 28 | 28 const enc = new TextEncoder()...
安装pact-lang-api后Webpack/polyfill出错
在尝试连接刚刚使用 create-react-app 创建的 React 前端时，在将 pact-lang-api 导入应用程序后运行 npm run start 时收到此错误消息： ./
如何在 React 中使用带有 className 属性的 TailwindCSS 实用程序类
我为 React 创建了一个模板（样板）存储库，它提供 ESLint、Typescript、TailwindCSS 和 Jest 测试，并使用 Webpack 构建。 然而，TailwindCSS 实用程序类不...
有没有办法解析 Apache Commons CLI 中选项对象中不存在的未知选项。 例如 - 我的参数是 --greeting hello --unknownArgument foo。 选项对象有
npm v9.4.0 不支持 Node.js v14.15.0
npm 的接受版本是什么（Node.js v14.15.0）。给我以下错误： npm WARN cli npm v9.4.0 不支持 Node.js v14。 15.0。您可能应该升级到 npm WARN cli 新版本没有...
我有 EC2，我已使用 xxxjenkins 用户安装了 AWS CLI。以下是我安装 awscli 所遵循的步骤： 卷曲“https://awscli.amazonaws.com/awscli-exe-linux-x86_64.zip”-o“awscliv2.z...
我想要 docker CLI 连接到远程守护进程，但我需要在本地计算机上安装整个引擎（包括守护进程）吗？
`我的 React 应用程序运行良好，但升级到 React 18、mui v5 和 redux v5 后，它没有渲染任何内容。 在终端中，我得到： webpack 编译成功 但在 chrome 控制台中...
webpack devserver 代理到 https，给出“尝试代理请求时发生错误”和 SELF_SIGNED_CERT_IN_CHAIN
尝试设置从本地主机到 https 站点的代理时看到以下错误 [HPM] 尝试将请求 /api/analytics/getDataByPage 从 localhost:8080 代理到 https://exam 时出错...
我已经签出了一个非常旧的功能分支，并且想要对 master 进行变基。 但是，有一些 webpack 构建文件未包含在 .gitignore 中，这会导致 rebase 提示我解决
我正在将 Jena riot CLI 工具推断出的 RDF 馈送到 shacl cli 工具中。 我的架构定义包含如下内容： lob:帐号 rdfs:域 lob:帐户； rdfs:范围 xsd:str...
我一直在尝试在使用键盘输入与之交互的 CLI 上进行一些测试，其中我需要读取 CLI 输出并写入键盘输入，并且您无法在中间关闭界面...
Angular CLI 版本与 Angular Core 版本之间的兼容性？
有什么方法可以知道要安装哪个与我的 Angular Core 版本兼容的 Angular CLI 版本？他们完全独立吗？ 使用 Core v5.2.8 开发现有的 Angular 应用程序...
Next.js：如何通过 https localhost 使用 CLI (next dev) 启动开发模式
在 Next.js 中，哇，通过 https localhost 使用 CLI (next dev) 启动开发模式？ 我应该将哪些参数传递给“next dev”命令，该命令可以在 package.json 中编辑？ 我不...
我有这个 Az cli 命令，可以为我想与脚本一起使用的虚拟机启用备份： #获取所需的虚拟机ID getID=$(az 虚拟机显示\ --resource-group $resourceGroup \ --name $vmName \ --曲...
Node v20.10.0 未针对您平台上的 Ember CLI 进行测试
当我尝试启动新的 ember 项目时遇到错误。 我刚刚使用以下命令安装了 ember： npm install -g ember-cli 然后我运行： ember init 来创建我的项目，但它抛出了以下错误...
当我通过 C# 控制台运行 Azure CLI cmd 时，遇到错误：“错误：筛选器参数值必须是 JSON 转义字符串。”
尝试通过 C# 控制台应用程序运行 Azure CLI 命令时，遇到错误，指出：“错误：筛选器参数值必须是 JSON 转义字符串。” 下面是 C#
Shell 脚本：我如何通过 virtualbox 的 cli 列出虚拟机并删除除“SaveThisOne”之外的所有内容？
Shell 脚本：我如何通过 virtualbox 的 cli 列出虚拟机并删除除“SaveThisOne”之外的所有内容？ 注意：以下行将删除所有 virtualbox 虚拟机： VBox管理列表正在运行的虚拟机...
Shell 脚本/VirtualBox：我如何设置将通过 vboxmanage cli 保存以防止删除的虚拟机名称列表？ [重复]
Shell 脚本/VirtualBox：我如何设置将通过 vboxmanage cli 保存以防止删除的虚拟机名称列表？ 由 @BeatOne 编码的第一个解决方案 警告！该 ShellScript 排除了除一个之外的所有虚拟机，
Angular 项目不适用于@babylonjs/viewer
我在全球安装了@Angular/[email protected]。我使用命令行“ng new BabylonTest --routing false --style css --skip-git --skip-tests”创建了一个 Angular 项目。 CD 到文件夹“Babyl...
要在 CLI 中承担 AWS 角色，我执行以下命令： aws sts 假设角色 --role-arn arn:aws:iam::123456789123:role/myAwesomeRole --role-session-name test --region eu-central-1 这给...
我对 Prisma 代码生成在生产中的工作原理感到困惑。 Prisma CLI 应该安装在 devDependency 中，但 npx prismagenerate 命令需要在产品中可用...
Powershell 如何在 Try Catch 块中处理 Az Cli
我有以下代码...... 当找不到资源时，会引发错误，但代码继续运行...不知道为什么？ 尝试{ $state=$(az synapse sql 池显示 --n...
Node Sass 版本 9.0.0 与 ^4.0.0 不兼容
我的应用程序中没有安装node-sass或sass包。但我一直收到这个错误 ./src/scss/styles.scss 中的错误（./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plu...
我已经在 Ubuntu 上安装了 PHP 7： php-v PHP 7.0.5-2+deb.sury.org~trusty+1 (cli) ( NTS ) 版权所有 (c) 1997-2016 PHP 集团 Zend Engine v3.0.0，版权所有 (c) 1998-2016 Zend Technologies 机智...
如何在docker-compose.yml中运行wp cli
刚刚开始使用 docker 这里 所以我在我的 docker-compose.yml 中得到了这个 版本：'3.3' 服务： D b： 图片：mysql：5.7 卷： - db_data:/var/lib/mysql 重新启动：始终 环境...
在 Docker 中运行 Blackfire 与 PHP Swoole 时出现问题
有人成功地将Blackfire与Swoole一起使用吗？我已经尝试设置了几天，但没有成功。 我在 PHP-CLI Swoole Dockerfile 中调用以下脚本： #！/我们...
我已经安装了最新版本的 aws-cli-2 和 docker，并运行了“aws configure”并输入了我的访问密钥和秘密密钥。我还验证了 aws.config 是正确的并且
有没有办法过滤并获取我的 APIM 中操作的所有策略。 我在 AZ CLI 中传递这一行： az apim api 操作显示 --resource-group $myResourceGroup --api-id $apiI...
我开始收到此错误：错误：架构验证失败，出现以下错误：数据路径“”必须具有必需的属性“browserTarget”
如何解决？ 这是我的 angular.json 文件： { "$schema": "./node_modules/@angular/cli/lib/config/schema.json", “版本”：1， "newProjectRoot": "项目...
我正在使用 docker image 运行 apache superset 实例，UI 工作正常，我已成功创建数据源和仪表板，然后将其导出为 zip 文件。 我的问题是每当我尝试...
我有一个 iOS 客户端，可以使用匿名 Cognito Identity 和 Amplify SDK 成功将文件上传到 S3。 现在我尝试使用 CLI 模拟相同的上传，但失败了...
Cloudfoundry Laravel“无法打开输入文件：artisan”
我正在尝试使用 CF CLI 推送 Laravel 应用程序。 我创建了一个新的 Laravel 应用程序（manifest.yml）并尝试部署它，但收到错误“无法打开输入文件：artisan”...
渲染时，弹出错误：未找到四开本安装 但是当我将 quarto 与 cli 一起使用时：quarto render myfile.qmd，成功 环境： 操作系统：Windows 10 专业版 四开——版本：1.0.37 vscode
我在 Heroku 上部署 Node.js 应用程序（其中包括 Vue.js 前端）时遇到了持续存在的问题。尽管多次尝试和不同的配置，我的构建始终如一......
如何使用Azure Portal将容器应用程序连接到自定义VNet？
我正在尝试按照此处的说明进行操作： https://learn.microsoft.com/en-us/azure/container-apps/vnet-custom?tabs=bash%2Cazure-cli&pivots=azure-portal 上面的分步页面说明了
我在expo框架的帮助下制作了一个react本机应用程序。但是当我尝试构建时，多次失败 这是我的环境 EAS CLI 3.15.0 环境信息：...
Symfony 5 - “驱动程序中发生异常：找不到驱动程序”
我目前面临这个问题。我真的是 Symfony 的新手。 问题 ： 当我使用 cli symfony 控制台原则创建新数据库时：database:create，我收到以下错误： 在
我目前正在开发一个安全工具的 Rust 端口。与 Rust 的指南一致，我想将核心库隔离到自己的包中，以便我们可以创建各种工具（CLI、API、流......