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 的

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

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

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

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

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

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

Softr Google 地图集成不起作用

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

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

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

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

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

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>

使用 Wp All Import / Wordpress 检测节点

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

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

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

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:

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...

已在虚拟环境中安装flask-sqlalchemy，但烧瓶应用程序中显示未解决的导入错误

fromflask-sqlalchemy import SQLAlchemy 显示未解决的导入错误。但我已经使用 pip install Flask-sqlalchemy 命令在 cmd 中安装了 Flask sqlalchemy。在命令行中的 python shell 中

import-maps 相关问题

最新问题