import-maps 相关问题

尝试在 React 应用程序中使用“azure-maps-animations”NPM 包时出现“未找到导出”错误消息

我们正在尝试在 React 应用程序中使用 Azure Maps Animations NPM 包，但无法导入它。我们尝试了以下代码：从“azure-maps-animations”导入{animations}； //

我第一次在react应用程序中使用googlemaps，遵循此处的google文档：https://developers.google.com/codelabs/maps-platform/maps-platform-101-react-js#0 。这是一个基本的应用程序，

Azure Maps API - 静态图块图像细节不佳

我已开始将 Azure Maps API 用于静态图像，以便可以在报告中呈现区域设置的图片。我目前使用的地址是：地图/静态/png?api-version={apiVersion}&

在 Node.js 中使用谷歌地图距离矩阵 api 时出现错误：“o.map 不是函数”

我正在使用 Google Maps API 节点客户端并调用 distancematrix 函数，但收到一条错误消息，提示 o.map 不是函数。 const {Client} = require("@googlemaps/google-maps-

Control Maps Net Maui (net 8.0) for Windows

我正在使用 net 8.0，我想使用 Maui.Controls.Map。 MauiProgram.cs 中的代码是：公共静态 MauiApp CreateMauiApp() { var builder = MauiApp.CreateBuild...

在 iPhone Maps.app 上获取“当前位置”

我正在使用此代码从我的应用程序运行maps.app。 NSString* urlStr = [NSString stringWithFormat: @"http://maps.google.com/maps?saddr=%f,%f&daddr=%f,%f", s_lat, s_long, d_lat, d_lo...

Google 地图 API 通过 API 发出的路线请求返回 ZERO_RESULTS，但适用于 Google 地图

有问题的呼叫是： https://maps.googleapis.com/maps/api/directions/json?origin=35.73455050,-95.31531510&destination=29.67404860,-95.54087240&waypoints=29.92853940,-95.29782860...

Google Maps API v3 Noop 算法 (MarkerClusterer) 不起作用

我正在尝试通过内置标记聚类算法渲染〜2000个谷歌地图标记。 GridAlgorithm 和 SuperClusterAlgorithm 工作正常并渲染集群，但 NoopAlgorithm 的

如何从 WorldClim 2.1 中提取海拔值？

我一直在使用这个有用的链接来学习从 R 中的 WorldClim 2.1 中提取生物气候变量：https://www.benjaminbell.co.uk/2018/01/extracting-data-and-making-climate-maps。 html?lr=1 当

那么“from __future__ import barry_as_FLUFL”到底是做什么的？

我知道这是一个应该保留的内部笑话（就像“from __future__ import braces”），但它到底有什么作用？

Flutter构建Web，如何为包生成source-map

使用 flutter build web --source-maps 构建应用程序时，生成的源映射文件不包含有关来自包的代码的信息。有没有办法也包含包

Softr Google 地图集成不起作用

在过去的一个月里，我一直在尝试将 Google Maps API 集成到 Softr 应用程序中。根据文档，我只需在 Google Cloud 上设置一个项目，链接一个计费帐户，

如何为 VectorTileSource url 请求指定不记名令牌授权标头？

我希望使用 Azure Maps VectorTileSource 来渲染我的服务器上托管的一些自定义矢量切片。服务器 API 需要一个授权标头，但 VectorTileSourceOptions 仅支持...

未捕获类型错误：Buffer2 未定义

当我将 jsonwebtoken 导入到我的 React 项目中时，出现 Uncaught TypeError: Buffer2 is undefined 。 import jwt from jsonwebtoken 和 import {decode} from 'jsonwebtoken' 都会引发错误。我正在使用

Google Maps JavaScript API 中标记位置更改时的事件

我不知道如何处理 Google 地图标记更改。理想情况下，我希望实时获取标记位置变化。最后，我检查了文档，但没有找到特定的事件......

如何使用 React Native 更改 Google Mapview 折线描边样式虚线样式线？

在我的场景中，我使用“react-native-maps”npm 包在我的应用程序中实现了 Google MapView。在这个包中，根据我的要求，我必须绘制一条虚线圆折线，l...

标识符“ChatFeed”已被声明

从 'react-chat-engine' 导入 { ChatEngine, ChatFeed }; 从 './components/chatFeed' 导入 ChatFeed；导入'./App.css'; 常量应用程序 = () => { 返回（ import { ChatEngine, ChatFeed } from 'react-chat-engine'; import ChatFeed from './components/chatFeed'; import './App.css'; const App = () => { return( <ChatEngine height="100vh" projectID="" userName="" userSecret="" renderChatFeed={(chatAppProps) => <ChatFeed {...chatAppProps} />} /> ); } export default App; 服务器运行时显示错误 SyntaxError: D:\PROJECTS\APPLICATION\chat_app\src\App.js: Identifier 'ChatFeed' has already been declared. (3:7) 1 | import { ChatEngine, ChatFeed } from 'react-chat-engine'; 2 | > 3 | import ChatFeed from './components/chatFeed'; | ^ 好吧，错误消息说明了一切，您声明了 ChatFeed 两次。您可以通过以下方式修复它：重命名您的组件，例如 import ChatFeedComponent from './components/chatFeed'; 将命名导入从 react-chat-engine 重命名为 import { ChatEngine, ChatFeed as ChatFeedComp } from 'react-chat-engine'; 当然，随意使用你喜欢的任何名称错误消息显示您导入 ChatFeed 两次。您可以修复它，从第一行删除 chatFeed 用这个从“react-chat-engine”导入{ChatEngine}；从 './components/ChatFeed' 导入 ChatFeed；

禁用 c++ 模块时使用“@import”，请考虑使用 -fmodules 和 -fcxx-modules

当我尝试使用 Cocoapods 将 AdMob 集成到 Objective C++ 项目中时，我就想到了这个问题。禁用 c++ 模块时使用“@import”，请考虑使用 -fmodules 和 -fcxx-modules 什么是

NG8001：“app-welcome”不是已知元素：

我的 Angular 应用程序遇到问题，收到错误 8001。我不知道如何处理它。谁能帮我这个？谢谢你！应用程序组件.html {{标题}}&l... 我的 Angular 应用程序遇到问题，收到错误 8001。我不知道如何处理它。谁能帮我这个？谢谢！ app.component.html <h1>{{ title }}</h1> <p>Congratulations! Your app is running. 🎉</p> <app-welcome></app-welcome> app.component.ts import { Component } from '@angular/core'; import { CommonModule } from '@angular/common'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, RouterOutlet], templateUrl: './app.component.html', styleUrl: './app.component.css' }) export class AppComponent { title = 'XYZCARS'; } welcome.component.ts import { Component } from '@angular/core'; @Component({ selector: 'app-welcome', templateUrl: './welcome.component.html', styleUrl: './welcome.component.css' }) export class WelcomeComponent { car = 'toyota'; } 我的项目最初没有 app.module.ts 文件。我自己添加了它并根据网上找到的一些信息进行了配置，但问题仍然存在并且仍未解决。谁能帮我解决这个问题吗？ app.module.ts import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { WelcomeComponent } from './welcome/welcome.component'; import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent, WelcomeComponent ], imports: [ BrowserModule ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } 如果您正在 Angular 17 中创建项目->使用这些命令 ng app --no-standalone 然后你就得到了 app.module.ts 文件。

在使用 macOS ARM64 的 Python 3.10 上执行 `import cv2` 时出现 `Abort trap: 6` 错误

在使用 macOS ARM64 的 Python 3.10 上执行 import cv2 时出现以下 Abort trap: 6 错误。我尝试使用较低版本的 opencv-python (4.6.0.66) 和最新版本，但仍然不起作用。 ...

使用 PowerShell 和 Import-Excel 模块仅读取 Excel 文件中的标题

是否可以使用 PowerShell 和 Import-Excel 模块仅读取 Excel 文件的标题？我有一个包含多个工作表的 Excel 文件。其中之一仅包含标题，现在包含数据行。啊...

React中react-router-dom最新版本如何实现延迟加载

我想使用Typescript在React中实现延迟加载。我收到打字稿错误。常量应用程序 = () => { 返回（我想使用 Typescript 在 React 中实现延迟加载。我收到打字稿错误。 const App = () => { return ( <RouterProvider router={createBrowserRouter( createRoutesFromElements( <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Home />} /> <Route path="contact" element={<Contact />} /> <Route path="about" element={<About />} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> ) )} /> ) }; export default App; 下面的代码不起作用 <Route> <Route path="/" element={<Outlet/>}> <Route index lazy={() => import("./Home")} /> <Route path="contact" lazy={() => import("./Contact")} /> <Route path="about" lazy={() => import("./About")} /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route> const Home= lazy(() => import("./screens/home")); const About= lazy(() => import("./screens/about")); <Route> <Route path="/" element={<Outlet/>}> <Route index element={<Suspense fallback={<div>Loading...</div>}> <Home/> </Suspense> /> } /> <Route path="about" element={<Suspense fallback={<div>Loading...</div>}> <About/> </Suspense> /> } /> <Route path="*" element={<Navigate to="/" replace />} /> </Route> </Route>

Linux 用户空间 api：如何在不解析 /proc/self/maps 的情况下获取作为 PIE 链接的正在运行的可执行文件的地址空间大小？

在 dl_iterate_phdr 的帮助下，我可以通过 dlpi_addr 加载主可执行文件和所有二进制文件的起始地址，它与我可以通过 printf 打印的函数指针地址相关，但是其他字段...

使用 Wp All Import / Wordpress 检测节点

我在导入时遇到问题。我没有像value这样的产品类型但我有一些节点：价值...

ant design如何设置app宽字体

我正在使用 NextJS 14，我有以下内容：全局.css： @import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@100;200;300;400;500;600;700;800&display=swap'); @层r...

Matplotlib 图例用颜色映射？

总的来说，我对 matplotlib 真的很困惑。我通常只使用 import matplotlib.pyplot as plt。然后执行 plt.figure()、plt.scatter()、plt.xlabel()、plt.show() 等操作。但后来我

Quasar Vue Router 解析名为route的href

我正在尝试使用 vue router 构建 href 链接我在routes.js中有以下内容常量路由 = [ { 小路： ”/”，组件：() => import("layouts/MainLayout.vue")...

我无法让 Mapbox 在我的 NextJs 项目中工作

从 'react' 导入 React, { useEffect, useRef, useState }; // eslint-disable-line import/no-webpack-loader-syntax // @ts-忽略从'！mapbox-gl'导入mapboxgl；导入'mapbox-gl/dist/mapbox-gl....

TinyMCE 导入样式失败

我通过npm包和vite使用tinymce 6.8.3。导入时 import 'tinymce/themes/silver';就像文档所说的那样，我收到了图中所示的错误。

如何指定列数据类型

我有以下代码：将极坐标导入为 pl 从输入 import NamedTuple 类事件（NamedTuple）：名称：str 描述：str def event_table(num) -> 列表[事件]: 事件=[] ...

from redis.commands.search.field import TagField、TextField、VectorField ModuleNotFoundError：没有名为“redis.commands”的模块错误

从 redis.commands.search.field 导入 TagField、TextField、VectorField ModuleNotFoundError：没有名为“redis.commands”的模块我有以上内容 - 并且正在使用 redis 3.5.3 怎么...

如何解决数字格式异常？

index.html 输入第一个数字：输入第二个数字... index.html <!DOCTYPE html> <html> <body> <form action="add"> Enter 1st number:<input type="text" name="num1"><br> Enter 2st number:<input type="text" name="num1"><br> <input type="submit"> </form> </body> </html> AddServlet.java 这是 servlet 代码。 package com.adithya; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; public class AddServlet extends HttpServlet { public void service(HttpServletRequest req,HttpServletResponse res) throws IOException { int i=Integer.parseInt(req.getParameter("num1")); int j=Integer.parseInt(req.getParameter("num2")); int k=i+j; PrintWriter out=res.getWriter(); out.println("result is"+k); } } 我正在尝试获取结果，但它显示了如下所示的异常。我无法理解例外情况。 ** 例外** 这显示了这样的异常。我无法识别问题所在。 java.lang.NumberFormatException: Cannot parse null string java.base/java.lang.Integer.parseInt(Integer.java:630) java.base/java.lang.Integer.parseInt(Integer.java:786) com.adithya.AddServlet.service(AddServlet.java:19) javax.servlet.http.HttpServlet.service(HttpServlet.java:623) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:51) 我不明白这是什么错误。我试图从 2 天开始解决这个问题。请任何人帮助我解决这个问题。但它不起作用。您有 2 个相同的名字 num1，并且您正在尝试呼叫不在场的 num2。 Enter 2st number:<input type="text" name="num1"><br> 关于： Enter 2st number:<input type="text" name="num2"><br>

ImportError：动态模块未定义模块导出函数（PyInit_m3d1cf20adb1014f04986e6a344a55bde）

这是我执行 import theano 时收到的错误消息： ImportError：动态模块未定义模块导出函数（PyInit_m3d1cf20adb1014f04986e6a344a55bde）我正在使用 Python 3.5.2...

Angular Material 5 深色主题未应用于机身

我创建了一个“自定义”主题（使用 https://material.angular.io/guide/theming 上的主题文档，这非常糟糕），如下所示： @import '~@angular/material/theming'; @包括 mat-cor...

无法将 pygame 扩展链接到 python

我一直在尝试通过 pip install pygame 安装 pygame，但是在尝试 import pygame 时出现错误代码：导入pygame ModuleNotFoundError：没有名为“pygame”的模块 Python 的数据和...

新的联合速记表示“| 不支持的操作数类型：'str' 和 'type'”

在3.10之前，我是使用Union来创建union参数注解：从输入 import Union 向量类： def __mul__(self, other: Union["Vector", float]): 经过现在，当...

从 LLM 生成文本时打印出特殊标记

嗨，我有一个关于 llm 在生成答案时打印特殊令牌的问题。这是一个例子： from utils.prompter import 提示符 # 从 utils.util 导入后处理，e2k_m...

使用unitpy得到错误的结果？

下面所有三个都打印相同的属性，但为什么最后一个语句打印 0 电子伏特？导入 scipy from unitpy import U、Q、单位、数量 ... def print_properties(q): print(q.unit) ...

选中/取消选中 mat-checkbox 未正确返回 true 或 false

我正在使用 Angular 15 和 Angular Material 14，下面是我用来显示复选框列表的 HTML 代码我正在 Angular 15 和 Angular Material 14 工作，下面是我用来显示复选框列表的 HTML 代码 <div *ngFor="let control of checkboxArray.controls;let i = index" > <mat-checkbox [formControl]="control" (input)="validateInputs(notificationForm)" [checked]="control.value" (change)="control.checked=$event.checked;onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> 下面是Angular中onCheckedChange函数的代码 onCheckedChange(index: number) { this.sortCheckboxArray(); const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value) { this.lists.push(checkboxItem.id.toString()); } else { this.lists.pop(checkboxItem.id.toString()); } } this.updateSubscriberGroupsCount(); this.cdr.detectChanges(); } 当我选中复选框时，在这个 onCheckedChange 函数中，control.value 始终返回 false。哪里出了问题？无法理解.. 这是一个工作版本，复选框逻辑工作正常，希望有帮助！我们需要使用control.value获取表单组，但我们还需要访问内部表单控件，然后获取复选框值！ import { CommonModule } from '@angular/common'; import { Component } from '@angular/core'; import { FormArray, FormControl, FormGroup, ReactiveFormsModule, } from '@angular/forms'; import { bootstrapApplication } from '@angular/platform-browser'; import 'zone.js'; import { MatCheckboxModule } from '@angular/material/checkbox'; @Component({ selector: 'app-root', standalone: true, imports: [CommonModule, ReactiveFormsModule, MatCheckboxModule], template: ` <form [formGroup]="form"> <div formArrayName="array"> <div *ngFor="let control of checkboxArray.controls;let i = index" [formGroupName]="i"> <mat-checkbox formControlName="test" style="margin-bottom: 15px;" (change)="onCheckedChange(i);"> {{ checkboxItems[i].name }} </mat-checkbox> </div> </div> </form> `, }) export class App { name = 'Angular'; form = new FormGroup({ array: new FormArray([]), }); lists = []; checkboxItems: any = []; ngOnInit() { this.add(); this.add(); this.add(); } add() { this.checkboxArray.push( new FormGroup({ test: new FormControl(false), }) ); this.checkboxItems.push({ name: 'test' }); } get checkboxArray() { return this.form.get('array') as FormArray; } onCheckedChange(index: number) { // this.sortCheckboxArray(); // const checkboxItem = this.checkboxItems[index]; const control = this.checkboxArray.at(index); if (control) { if (control.value.test) { console.log('checked'); // this.lists.push(checkboxItem.id.toString()); } else { console.log('not checked'); // this.lists.pop(checkboxItem.id.toString()); } } // this.updateSubscriberGroupsCount(); // this.cdr.detectChanges(); } } bootstrapApplication(App); 堆栈闪电战

不能在模块外部使用 Import 语句

我正在尝试运行我的内置生产版本代码。使用 Node 20.10、typescript 5 并且无法运行该构建版本。下面是我的 package.json、tsconfig.json 文件。 { "name": "节点-

在 Sveltekit/Typescript 中使用 pdfjs

我需要在 sveltekit 4 typescript 项目中使用 pdfjs （当前 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法： ...</desc> <question vote="0"> <p>我需要在 sveltekit 4 typescript 项目中使用 pdfjs（当前版本 4.1.392）进行文本提取。这就是我尝试将 pdfjs 导入到我的 src/routes/+page.svelte 中的方法：</p> <pre><code><script lang="ts"> import * as pdfjs from 'pdfjs-dist/build/pdf'; import pdfjsWorker from 'pdfjs-dist/build/pdf.worker'; pdfjs.GlobalWorkerOptions.workerSrc = pdfjsWorker; </script> </code></pre> <p>但是，我收到错误消息“无效的'workerSrc'类型”。</p> <p>如何在 sveltekit/typescript 中使用 pdfjs？</p> </question> <answer tick="false" vote="0"> <p>你可以尝试做这样的事情：</p> <pre><code>import * as pdfjs from "pdfjs-dist"; pdfjs.GlobalWorkerOptions.workerSrc = new URL("pdfjs-dist/build/pdf.worker.mjs", import.meta.url); </code></pre> <p>更多使用示例，可以访问PDF.js Github仓库： <a href="https://github.com/mozilla/pdf.js#online-demo" rel="nofollow noreferrer">https://github.com/mozilla/pdf.js#online-demo</a></p> </answer> <answer tick="true" vote="0"> <p>以下代码适用于 pdfjs-dist 4.2.67、svelte 4.2.15 和 typescript 5.4.5：</p> <pre><code><script lang="ts"> // @ts-nocheck import * as pdfjs from 'pdfjs-dist'; import * as pdfWorker from 'pdfjs-dist/build/pdf.worker.mjs'; pdfjs.GlobalWorkerOptions.workerSrc = import.meta.url + 'pdfjs-dist/build/pdf.worker.mjs'; </script> </code></pre> </answer> </body></html>

耶拿有没有办法看到OntClass来自导入的本体？

我有一个导入 bfo 的本体。在我的测试用例中，我只有一个类，它是实体的子类：我有一个导入bfo的本体。在我的测试用例中，我只有一个类，它是 entity: 的子类 <rdf:RDF xmlns="http://my.ontology/ontologyTest#" xml:base="http://my.ontology/ontologyTest" xmlns:da="http://my.ontology/ontologyTest#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:obo="http://purl.obolibrary.org/obo/" xmlns:owl="http://www.w3.org/2002/07/owl#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:xml="http://www.w3.org/XML/1998/namespace" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:terms="http://purl.org/dc/terms/"> <owl:Ontology rdf:about="http://my.ontology/ontologyTest"> <owl:imports rdf:resource="http://purl.obolibrary.org/obo/bfo/2019-08-26/bfo.owl"/> </owl:Ontology> <owl:Class rdf:about="http://my.ontology/ontologyTest#Event"> <rdfs:subClassOf rdf:resource="http://purl.obolibrary.org/obo/BFO_0000001"/> </owl:Class> </rdf:RDF> 当我打开本体时，我正在做： OntModel model = createModel("OWL_MEM"); FileManager.get().readModel(model, uri.toString()); Model _model = model.getRawModel(); model = new OntModelImpl(OntModelSpec.OWL_MEM, _model); ExtendedIterator classes = model.listClasses(); while (classes.hasNext()) { OntClass theOwlClass = (OntClass) classes.next(); if (thisClass.getNameSpace() == null && thisClass.getLocalName() == null) { continue; } ... } 我从我的本体中获取所有类（这里是Event），也从导入的本体中获取。 Jena 有没有办法知道 OntClass 是来自导入的本体并且未在我当前的本体中声明？正如 UninformedUser 的评论中所说，感谢他，您可以执行以下操作：列出所有导入本体的URI model.listImportedOntologyURIs() 列出导入本体的所有类model.getImportedModel(uri).listClasses() 在模型的所有类上创建一个迭代器，删除所有导入的类model.listClasses().filterDrop(importedClasses::contains) 因此，要打印模型的所有类而无需导入类： import java.util.HashSet; import java.util.Set; import org.apache.jena.ontology.OntClass; import org.apache.jena.ontology.OntModel; import org.apache.jena.ontology.OntModelSpec; import org.apache.jena.rdf.model.ModelFactory; import org.apache.jena.util.iterator.ExtendedIterator; OntModel model = ModelFactory.createOntologyModel(OntModelSpec.OWL_DL_MEM); model.read("file:///Users/von/tools/data.owl", "RDF/XML"); Set<OntClass> importedClasses = new HashSet<>(); for (String uri : model.listImportedOntologyURIs()) { importedClasses.addAll(model.getImportedModel(uri).listClasses().toSet()); } ExtendedIterator<OntClass> it = model.listClasses().filterDrop(importedClasses::contains); while (it.hasNext()) { OntClass cls = it.next(); System.out.println(cls); }

在 Zig 中的编译时改变全局数组

我正在尝试构建一个“静态”数据数组，并继续与编译时/运行时失败作斗争。这是我正在尝试的精简版本： const std = @import("std"); 变种

在同一目录中导入文件时发现“MODULE_NOT_FOUND”错误

在此输入图像描述在此输入图像描述无法从 users.js 文件导入 Users 数组尝试使用 import 语句以及 with 进行导入 const Users = require('users')' // 这 ...

该表达式不可调用。类型 'typeof import("stripe")' 没有调用签名

我正在尝试将 Stripe 与 Strapi 集成。我的项目中有这行代码： const stripe = require(“stripe”)(“秘密密钥”); 但是，我遇到一条错误消息，上面写着“This

Flutter 是否会多次导入东西？

我正在 Flutter 中制作一个应用程序。我想知道在多个文件中导入相同的内容是否会对性能产生负面影响。例如：文件 a.dart、b.dart 和 c.dart 使用 import 'package:

在源文件中查找与某个包含/导入相关的所有标识符

我想找到通过特定的 #include 或 import 语句导入到源文件中的所有符号、typedef、宏等。从概念上讲，我想找到所有标识符......

Adminjs 实现问题“无法在模块外部使用 import 语句”

我是 Node Express js 的新手。只是尝试使用express js 编写后端代码。现在我想在我的项目中添加adminjs。由于我是本节的新手，因此我遵循了

Pinia 对象在 Vue 中的 foreach 后失去反应性

我有这个嵌套的foreach BalanceItemList.vue ... 我有这个嵌套的 foreach BalanceItemList.vue <template> <div v-for="category in categoryItemsStore.balanceCategories" :key="category.id" class="mt-5"> <div class="border-black border-b bg-gray-200"> <span class="font-bold w-full">{{ category.name }}</span> </div> <div v-for="balanceItem in category.balance_items" :key="balanceItem.id"> {{ balanceItem.total = 500 }} <balance-item :balance-item="balanceItem" @update-balance-item="update"/> </div> <div> <balance-item-create :category="category.id" @create-balance-item="update"/> </div> <div v-if="categoryItemsStore.totals[category.id]" class="grid grid-cols-4-b t-2 ml-2"> <div :class="category.is_positive ? '': 'text-red-600' " class="col-start-4 border-t-2 border-black font-bold"> €{{ categoryItemsStore.totals[category.id].total }} </div> </div> </div> </template> 我像这样检查了“balanceItem”的反应性 {{ balanceItem.total = 500 }} 它在商店中更新，但随后我有了我的平衡项目组件： BalanceItem.vue <script setup> import {reactive} from "vue"; import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = reactive(props.balanceItem); const form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { props.balanceItem.total = 500 categoryItemStore.updateBalanceItemsTotals(form) emit('update-balance-item') } }) } </script> <template> <form @submit.prevent="submit"> <div class="grid grid-cols-4-b"> <span>{{ item.name }}</span> <NumberInput v-model="form.count" autofocus class=" mr-4 mt-1 block" type="number" @update:model-value="submit" /> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1">€</div> <NumberInput v-model="form.amount" :class="form.errors.amount ? 'border-red-600' : ''" autofocus class="mt-1 mr-4 w-5/6" type="text" @update:model-value="submit" /> </div> <div :class="item.item_category.is_positive ? '' : 'text-red-600'" class="flex place-items-center"> <div class="pt-1 mr-1 w-5/6">€</div> <NumberInput v-model="form.total" autofocus class="mt-1 block" disabled style="max-width: 95%" type="text" /> </div> </div> </form> </template> 这是我测试反应性的商店。如果我增加输入的数字，则项目的计数保持不变 UseCategoryItemsStore.js import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } function updateBalanceItemsTotals(selectedItem) { balanceCategories.value.forEach((category) => { category.balance_items.forEach((item) => { if (item.id === selectedItem.id) { // item.total = item.count * item.amount console.log(item) } }) }) } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, updateBalanceItemsTotals} }) 在此测试中，我执行“props.balanceItem.total = 500”。但如果我检查商店，它不会更新。看来将“balanceItem”分配给一个道具会失去与我的 Pinia 商店的反应性。我可以使用“form.total = form.count * form.amount”手动更新我的表单，但这对我来说似乎很老套，我想使用 Pinia 商店的反应性。我考虑过根据“BalanceItem”获取 Pina 项目，但这似乎也很棘手。谁知道为什么失去反应性？我有laravel 10.39、vue3.2.41和pinia 2.1.17惯性0.6.11。到目前为止我知道的所有最新版本。我像这样更新我的表格和商店： <script setup> import {useForm} from "@inertiajs/vue3"; import NumberInput from "@/Components/NumberInput.vue"; import {UseCategoryItemsStore} from "@/Stores/UseCategoryItemsStore.js"; const categoryItemStore = UseCategoryItemsStore() const props = defineProps({balanceItem: Object, errors: Object}) let item = categoryItemStore.getItemById(props.balanceItem); let form = useForm(item); const emit = defineEmits(['update-balance-item']) const submit = () => { form.post(route('balance-item.update'), { preserveScroll: true, onSuccess: () => { item = categoryItemStore.updateItem(form) form = useForm(item) emit('update-balance-item') } }) } </script> 我将此功能添加到我的商店： import {defineStore} from "pinia"; import {ref} from "vue"; export const UseCategoryItemsStore = defineStore('UseCategoryItemsStore', () => { const balanceCategories = ref([]) const totals = ref([]) function getBalanceItems() { axios.get(route('balance-item.index')).then((response) => { balanceCategories.value = response.data // console.log(balanceCategories.value) }) } function getItemById(item) { let category = balanceCategories.value.find((category) => { return category.id === item.item_category_id }) return category.balance_items.find((item_from_store) => { return item_from_store.id === item.id }) } function updateItem(form) { const item = getItemById(form) item.count = form.count item.amount = form.amount item.total = item.count * item.amount return item } function getTotals() { axios.get(route('balance-item.totals')).then((response) => totals.value = response.data) } function getData() { getTotals() getBalanceItems() } getTotals() getBalanceItems() return {balanceCategories, totals, getBalanceItems, getTotals, getData, getItemById, updateItem} }) 假设如果帖子获得 200，我的表单值可用于更新商店和更新表单。这是我能想到的最好的

为什么这段代码在我的机器上即使传递参数也会产生错误

产生错误：类型错误：compare() 缺少 1 个必需的位置参数：'b' 比较两个文件的结果 from difflib import 不同 open('file1.txt') 作为 file_1, open('file2.txt') 作为 fil...

import-maps 相关问题

最新问题