在typescript中使用ag-grid-react时出错
在 TypeScript 中使用 ag-grid-react 时出错可能是由于以下原因导致的：
- 版本不匹配：检查你使用的 ag-grid-react 版本和 TypeScript 版本是否兼容。确保你使用的 ag-grid-react 版本支持 TypeScript，并且已正确安装和配置。
- 类型定义问题：在 TypeScript 中使用第三方库时，常常需要为其提供类型定义文件。确保你已正确安装 ag-grid-react 的类型定义文件，或者通过 @types/ag-grid-react 进行安装。
- 配置错误：检查你的配置文件（如 tsconfig.json）中是否正确引入了 ag-grid-react 的模块，并且已正确配置了模块解析规则。
- 引入错误：确保在你的代码中正确引入了 ag-grid-react 的相关组件，并按照官方文档提供的方式使用它们。
- 其他问题：如果以上步骤都没有解决问题，那么可能是其他与你的开发环境、依赖关系或代码逻辑相关的问题。建议先尝试在 TypeScript 中使用其他库或组件，确认 TypeScript 的配置和环境是否正常，然后逐步排查问题。
对于 ag-grid-react 的具体用法、配置和常见问题，可以参考腾讯云的产品文档和社区支持。
腾讯云相关产品和产品介绍链接地址：
相关·内容
经过相当多的谷歌搜索后，我仍然找不到使用ag-grid-react和typescript的例子，尽管ag-grid-react项目似乎有typescript类型。 在我的react应用程序中，我安装了ag-grid-react：npm i --save ag-grid ag-grid-react react-dom-factories 这段代码看起来像jsx文件，但如果我尝试将它用作typescript tsx文件，我会得到编译器错误： const columnDefs = [
{headerName: 'Make', field: 'make'},
浏览 57提问于2019-03-20得票数 4
1回答
我正在尝试模拟DOM事件来测试React组件。该组件在内部使用ag-grid-react。
我想用ag-grid-react来模拟行交互事件，比如'row select'，'row dblclick‘，event应该像真实的DOM事件一样，在DOM中具有该事件的所有效果。
请对此提出任何建议。
谢谢。
浏览 0提问于2018-04-10得票数 0
我是一个新的Ag网格，并希望创建一个复选框选择的表格结构。这是我使用Ag grid React创建表格的方法
import React, {useState} from 'react';
import { AgGridReact } from 'ag-grid-react';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
export const Gri
浏览 2提问于2020-07-02得票数 0
我看到了那个the ag-grid-react repo has types，我也看到了那个the ag-grid-react-example repo has examples。但是如何将这两者结合起来，并创建一个具有React和Types的单元格编辑器呢？ 我猜是这样的，但我不能让TypeScript高兴： class MyCellEditor implements ICellEditorReactComp {
public getValue() {
// return something
}
public render() {
const { value
浏览 27提问于2019-02-26得票数 1
我有一个npm包，它具有以下类型定义(简化)：
./node_modules/ag-grid-react/main.d.ts
export declare class AgGridReact extends Component<AgGridReactProps, {}> {}
./node_modules/ag-grid-react/lib/agGridReact.d.ts
export declare class AgGridReact extends Component<AgGridReactProps, {}> {
gridOptions: GridOpt
浏览 3提问于2020-05-21得票数 3
回答已采纳
当我进口一个基本部件时，webpack撞上了我。我不知道为什么会发生这种情况，但它似乎是一个在ag网格反应包中缺少的库.以前有人遇到过这种情况吗？任何建议都是非常感激的！
import Table from './components/Table'
当创建Table组件时，它会编译ok，但是当我像上面导入它时，它就会崩溃。
// Table.js
import React, { Component } from "react";
import { AgGridReact } from "ag-grid-react";
class Tabl
浏览 1提问于2017-11-16得票数 2
回答已采纳
1回答
onGridReady方法在最新的(V28) ag-grid-react包中是未键入的。这意味着我可以做以下工作：
const onGridReady = useCallback((params) => {
gridApi.current = params.api_this_is_not_the_real_name;
}, [gridApi]);
...
<AgGridReact
...
onGridReady={onGridReady}
...
>
</AgGridReact
浏览 3提问于2022-10-18得票数 1
1回答
Ag网格企业特征
、、
我正在使用ag-grid-enterprise
app.js
import React from 'react'
import ReactDOM from 'react-dom'
import { LicenseManager } from "ag-grid-enterprise"
LicenseManager.setLicenseKey('<enterprisekey>')
...
DataGrid.js
import { AgGridReact } from 'ag-grid-react'
imp
浏览 0提问于2018-11-08得票数 1
回答已采纳
我有一个包含以下内容的*.d.ts文件。 declare var a: SomeType; 我没有在任何地方声明一个名为SomeType的类型，不过，这里没有错误，typescript会自动将其解释为any。将文件扩展名从*.d.ts更改为*.ts时出错。 为什么会这样呢？有没有什么办法可以让typescript在*.d.ts文件中抛出错误？
浏览 49提问于2020-08-07得票数 2
回答已采纳
每次我在我的样板项目上运行npm install时，我都会收到这个错误：
ERROR in multi react-color moment ag-grid ag-grid-react es6-promise react-dom-factories react-spinners sortablejs
Module not found: Error: Can't resolve 'react-spinners' in 'C:\Code\react-boilerplate'
@ multi react-color moment ag-grid ag-gri
浏览 10提问于2018-07-18得票数 1
回答已采纳
当传递给函数的参数数量无效时，我(仅)使用arguments抛出错误。 const myFunction = (foo) => {
if (arguments.length !== 1) {
throw new Error('myFunction expects 1 argument');
}
} 不幸的是，在TypeScript中，当在箭头函数中引用时，我得到错误The 'arguments' object cannot be referenced in an arrow function in ES3 and ES5. Consid
浏览 22提问于2019-01-10得票数 0
回答已采纳
我使用的是ag-grid-react 使用cellRenderer时出错。我如何解析该消息？ ‘reactComponent.js:57冲突向'DOMNodeInserted’事件添加了同步DOM突变侦听器。考虑使用MutationObserver使页面更具响应性。“”“ 试试cellRenderer，cellRendererFramework ...一切都会导致使用cellRenderer的那条消息...我能做什么？？ function BtnCellRenderer (props) {
return (
<span><button >Click M
浏览 26提问于2020-12-16得票数 0
我有angular2应用程序，而且我正在使用immutable.js。当我使用immutable中的用户Map函数时，typescript编译器卡住了。当我没有从immutable.js导入类型时，它工作得很好，但是我从`immutable.js中使用的每个函数都会出错。
import {Map} from 'immutable';
这是阻止typescript的行。
浏览 1提问于2016-02-10得票数 7
2回答
如果我有一个三角形类，就像这样：
export default class Triangle {
sides: number[]
constructor(...sides: number[]) {
this.sides = sides
}
kind() {
// returns type of triangle
{
}
如果传递给构造函数的边没有创建真正的三角形，那么在创建类时(例如在构造函数中)还是在调用函数时抛出错误更好？
有，它在Java中是可以的，我相信它在TypeScript中工作。我只是想知道在OOP方面
浏览 1提问于2019-06-15得票数 8
回答已采纳
使用"react-scripts": "^4.0.3"样板创建项目，为了将 eslintrc.js 文件包含在“与类型记录的交互”项目中，我尝试了eslint --init，它创建了一个默认的eslintrc.js，下面是内容。
在全局中拥有eslint v. 7.32.0
eslintrc.js
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'eslint:recommended',
'plugin:r
浏览 4提问于2021-10-15得票数 1
回答已采纳
2回答
我在项目中配置了eslint，但是它指向导入和导出错误。
我添加了插件配置：
"plugins": [
"@typescript-eslint"
"@typescript-eslint/tslint"
]
但是它产生了错误“未能加载插件@typescript eslint/tslint‘在’.eslintrc.json‘中声明:无法找到模块’tslint‘’
在devDependencies中添加了：
"@typescript-eslint/eslint-plugin": "^4.5.0",
浏览 5提问于2020-10-25得票数 0
回答已采纳
我正在用typescript编写一个应用程序来编译成adobe extendscript (一种基于ES3的javascript语法)。
我正在尝试使用extendscript-only语法
<code>A0</code>
它不是有效的打字脚本(甚至不是有效的javascript)。我想告诉typescript只按原样包含它，而不解析它。
我知道<code>D1</code>和<code>D2</code>，但是虽然它们可以防止typescript抛出错误，但它们并不能防止typescript在转换代码时扰乱代码行。最后，
浏览 5提问于2020-07-30得票数 4
回答已采纳
我使用的是ag-grid-react 22.1.1和ag-grid-community 22.1.1。
我想要设置元素的样式，当您尝试重新排序表中的列时，该元素会显示出来。此外，是否可以更改传递到被拖动组件中的数据？据我所知，它总是显示名称。
浏览 0提问于2020-02-21得票数 0
正如我们所知，这种类型转换在TypeScript中称为断言类型。和以下代码部分：
// the variable will change to true at onetime
let isPlay: boolean = false;
let actions: string[] = ['stop', 'play'];
let action: string = actions[<number> isPlay];
在编译时，它出错
Error:(56, 35) TS2352: Neither type 'boolean' nor type
浏览 8提问于2017-04-29得票数 19
回答已采纳
在共享代码(Playground Link)中，编译器抛出错误Object is possibly 'null'. 如果在topLayer函数中viewer为null时提前返回，是否有可能调用refresh，以便viewer可以为null？ 如果不是，在嵌套函数的情况下，typescript没有缩小范围的原因是什么？
浏览 16提问于2021-06-28得票数 1
在C#中，可以使用StringComparer创建不区分大小写的字典(用于字符串类型的键)。
Dictionary<string, int> dict = new Dictionary<string, int>(StringComparer.OrdinalIgnoreCase);
我正在TypeScript中寻找相同的功能，但在线搜索时，似乎还没有将其内置到TypeScript中。
作为一种解决办法，我目前正在代码中的任何地方使用toLowerCase()，向字典中添加值或从字典中读取值。然而，这很容易出错，我正在寻找一个更好的解决方案。
示例:在添加一个值之后
dic
浏览 3提问于2019-08-28得票数 0
回答已采纳
1回答
有没有一种在TypeScript中进行代码编织的方法？
我想要做的是将一段代码作为我的TypeScript应用程序中每个函数的第一行，并且我不习惯手动这样做(这种手工方法既乏味又容易出错)。
浏览 1提问于2016-02-11得票数 4
回答已采纳
VS2017中的下一个示例报告了错误:类型'any []上不存在属性‘key’
[].keys()
为什么会出错？
Visual 2017 - 15.6.4版
TypeScript工具的版本- 15.6.20202.3
TypeScript - 2.8版
浏览 0提问于2018-03-29得票数 1
回答已采纳
2回答
我们正在尝试将整个Javascript项目翻译成Typescript。在这个项目中，我们使用了一个名为Storage的变量，它是Typescript中的关键字/受保护字。
这个变量用得很多，更改它有点麻烦，所以我更喜欢更改定义文件lib.d.ts中的Storage。但是我不能告诉Visual Studio使用这个新版本的lib.d.ts，它总是在编译时抛出错误，即使Intelli sense工作正常。有没有我可以在某个地方更改的配置？
谢谢
浏览 1提问于2013-04-03得票数 0
1回答
是否有一种“最佳实践”的方法在TypeScript中用该函数抛出错误的信息标记函数？
在Java中，可以用“抛出XYError”对函数的签名进行注释。这不适用于TypeScript。
我知道代码不需要运行，但就我而言，当函数签名已经告诉我这样的信息时，代码就更干净了。
任何关于你们如何处理这种情况的合理建议都是值得赞赏的。
浏览 4提问于2017-06-27得票数 3
当使用外部函数组件为声明性列定义呈现AG网格表时，它们不会被呈现。此外，在放置断点时不执行列组件呈现。
我有以下AG网格表组件：
import React, { useState, useEffect } from 'react';
import 'ag-grid-enterprise';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';
import { A
浏览 1提问于2020-12-08得票数 1
2回答
我试图在TypeScript中调用以下函数：
$('.carousel').carousel();
它被用来启动旋转木马。不幸的是，$在TypeScript中无法识别并抛出错误
Cannot find name '$'
知道怎么解决这个问题吗?这样我就可以自动启动旋转木马了？
浏览 9提问于2016-02-02得票数 0
回答已采纳
我在我的react应用程序中使用了ag-grid-react，并在表中固定了一行。我想要更新固定行中的列值。该怎么做呢？
浏览 15提问于2018-07-19得票数 2
回答已采纳
1回答
我有多个应用程序，我想要共享相同的eslint配置：
- project_root/
- app1/
- node_modules/
- eslint.rc
- app2/
- node_modules/
- eslint.rc
- app3/
- node_modules/
- eslint.rc
- eslint.rc
每个应用程序都有相同的配置：
module.exports = {
extends: [
'../.eslintrc'
浏览 3提问于2020-03-20得票数 10
2回答
我在我的项目中使用Eslint，使用：
解析器：@typescript-eslint/parser 1.4.2
插件：@typescript-eslint/eslint-plugin 1.4.2
解决方案：eslint-import-resolver-typescript 1.1.1
规则扩展：airbnb-base和plugin:@typescript-eslint/recommended
或者你可以检查我的.eslintrc
{
"parser": "@typescript-eslint/parser",
"plugi
浏览 0提问于2019-03-20得票数 3
回答已采纳
我正在编写typescript代码，然后将其编译成Javascript，并且从浏览器直接对Javascript进行几个动态函数调用，而不是TypeScript。当您使用类型注释编写TypeScript函数时，如果某些内容的类型不正确，它将抛出错误。例如，简单的函数
function add(a: number, b: number): number{
return a + b;
}
被编译为无类型的
function add(a, b) {
return a + b;
}
有没有编译它并在函数入口点添加类型检查的选项？
浏览 1提问于2014-07-04得票数 0
目前在更新文档的特定字段时，我们可以使用点符号语法。但不幸的是，它是一个字符串，这使得它不能利用typescript的功能。
await admin.firestore().doc("users/123").set({ 'address.street' : 'street name' }, {merge : true});
在这里，user有一个定义了属性的类，但是这里没有办法确保address.street是User类的有效密钥路径。
有没有办法强制执行类型检查，以便typescript编译器在传入点符号时使用错误的属性键时抛出错误？
PS:这
浏览 0提问于2020-06-23得票数 1
3回答
我对TypeScript中的接口是如何工作的感到困惑。
下面是一段代码：
interface test1 {
}
class test2 implements test1
{
public foo;
}
let test: test1 = new test2();
test.foo = 'test';
它不会编译并给出错误“属性foo在test1类型上不存在”，这是否意味着当您在TypeScript中实现接口时，您只能使用接口中声明的属性和方法？
我很困惑，因为我习惯了PHP，这不会在PHP中造成任何错误。
浏览 0提问于2019-02-28得票数 0
回答已采纳
我正在使用visual代码编辑器URL: Angular7 (工作正常)编写。
但是，我安装了扩展 Liveserver ，当我单击Liveserver图标时，它会给出错误
端口5500出错。请尝试通过设置更改端口或报告GitHub。
因此，我打开了File->preference->Settings->LiveServerConfig并试图更改settings.json文件中的端口。
{
"typescript.tsdk": "./node_modules/typescript/lib",
"tslint.en
浏览 1提问于2019-03-30得票数 18
回答已采纳
有没有办法解决这个问题？
示例：
// this is inside test.ts file
import * as Info from './infomodule';
如果编译test.ts时infomodule.ts中有错误，那么通常tsc只会给出错误，而不会提供任何上下文信息。如下所示：
Running "typescript:watch" (typescript) task
>> Type '{}' is not assignable to type 'IDriverChartsDriverInfo'
浏览 2提问于2015-07-03得票数 0
在使用mapGetters时，TypeScript无法看到绑定到Vue组件的getters是什么，因此它会抛出错误。示例：
import Vue from 'vue';
import { mapActions, mapGetters } from 'vuex';
export default Vue.extend({
computed: {
...mapGetters('ui', ['navCollapsed']),
minimizerIconClass(): string {
return `
浏览 19提问于2018-01-28得票数 10
我也在使用TypeScript编译器检查我的JavaScript代码。这样做的原因是为了尽早发现可能的缺陷。TypeScript编译器的一个编译器警告是TS2339。它检查一个类型是否定义了某个属性。因为这在JavaScript中很容易出错，所以这是一个有价值的编译器警告。例如，假设我有以下类型：
mycar = {
color: "green",
topspeed: 180
};
我在代码中的某处使用了
c = mycar.colour;
我将得到一个警告，“颜色”不存在(打字错误)。如果我没有运行TypeScript编译器，这将不会被注意到。到目前一切尚好。
浏览 4提问于2020-07-07得票数 0
当我尝试部署我的Firebase云函数时，我会得到以下错误。
期望的行为:成功地部署函数。
错误：
错误:读取函数/Package.json时出错：
函数/lib/index.js不存在，无法部署云函数
完整日志：
名称@name-MacBook函数% firebase部署
===部署到“newtiktok-21570”.
我部署函数运行命令: npm -前缀"$RESOURCE_DIR“运行lint
函数@ lint /Users/name/Desktop/Yoveo/function eslint "src/**/*“
/Users/name/Desktop/Yoveo/
浏览 13提问于2020-11-22得票数 12
回答已采纳
在$(document)中使用TypeScript给出错误Supplied parameters do not match any signature of call target.
我使用的是TypeScript 3.1、jQuery 3.3.1和@types/jQuery3.3.29。
$(document)是不推荐的，我应该使用其他的东西，还是类型定义文件中的错误？
编辑:这个TypeScript文件的整个主体基本上是"Hello！“。
$(document).ready(() => {
console.log("Hello World!"
浏览 0提问于2019-03-30得票数 8
回答已采纳
4回答
在TypeScript中，const关键字不能用于声明类属性。这样做会导致编译器出现“类成员不能有'const‘关键字”的错误。
我发现自己需要在代码中明确指出属性不应该被更改。如果我试图在属性被声明后为它赋一个新值，我希望IDE或编译器出错。你们是如何做到这一点的？
我目前使用的是只读属性，但我不熟悉Typescript (和JavaScript)，不知道是否有更好的方法：
get MY_CONSTANT():number {return 10};
我使用的是typescript 1.8。有什么建议吗？
PS:我现在使用的是typescript 2.0.3，所以我接受了
浏览 70提问于2016-05-17得票数 551
回答已采纳
2回答
我的项目使用typescript版本3.9.7。我必须使用下面的代码。该代码在TypeScript版本4.2.3中没有问题。
export namespace Abcd {
export type AbcdOneParams = [xAxis: number, yAxis: number];
}
但在版本3.9.7中，它抛出错误',' expected。Intellij展示了TS1005: ',' expected。
如何更新代码以在3.9.7中使用它。
浏览 1提问于2021-04-07得票数 0
我知道这可能是一个经典的javascript问题，但我发现自己经常使用：
if (!something) {
//...
}
要验证此something不是undefined或null，请在TypeScript中进行验证。
这很容易出错！当在number上使用"0“时将匹配，而在enum上使用时第一项也将匹配(默认情况下，第一项的值为"0")！
有办法在TypeScript中解决这个问题吗？有没有一种方法可以将TypeScript配置为不允许在除boolean (和any)之外的任何东西前面出现感叹号？这种配置有意义吗?还是我遗漏了一些琐碎的东西？
应：
if
浏览 6提问于2017-03-30得票数 9
回答已采纳
在React/Typescript设置中遇到一个奇怪的问题。
在OSX/Windows上运行webpack -p编译得很好，没有任何来自TypeScript/TSX编译器的错误。
然而，在Ubuntu上，它会抛出一个特定于TypeScript的错误，特别是：
ERROR in [at-loader] ./src/scenes/Component.tsx:5:23 TS2307: Cannot find module 'History'.
抛出错误的特定行是：
import {History} from "History";
package.json有用于
浏览 1提问于2017-10-10得票数 0
考虑以下TypeScript示例：
interface MyInterface{
Prop1: string;
Prop2: number;
Prop3: string;
}
const myVar = "Prop4" as keyof MyInterface;
在Visual Studio2017中运行此代码，Visual Studio code和在Playground中成功编译(TypeScript 2.9.2)；字符串值没有针对MyInterface进行类型检查，但VS和VSC都将MyInterface的3个属性显示为IntelliSense建议
浏览 1提问于2018-07-31得票数 2
回答已采纳
当我没有向下传递道具到功能组件时，为什么typescript没有抛出错误？
这段代码将会工作：
interface Props{
id: string;
className?: string;
}
export const Buttons: React.FC<Props> = () => {
return(
<section>
<div className="container">
<p>Hellow World</p>
</div>
浏览 2提问于2019-12-17得票数 0
1回答
我试图用一个静态方法和一个实例方法来扩展Promise基类。我在打字定义上遇到了问题。请看下面的代码！ declare global {
class PromiseConstructor {
static timeout(): null;
}
interface Promise<T> {
timeout(): null
finally<T>(f: () => void): Promise<T>,
}
}
Promise.timeout = (n: number) =&
浏览 19提问于2021-01-25得票数 2
回答已采纳
我正在尝试将plotly.js导入TypeScript。Plotly.js是使用npm安装的。在我的TypeScript文件中我使用
import 'plotly.js';
没关系，但是我在像Plotly.<member>这样的代码上出错了
error TS2304: Cannot find name 'Plotly'
当我尝试
import Plotly = require('plotly.js');
我得到了
error TS2307: Cannot find module 'plotly.js'.
浏览 45提问于2016-08-22得票数 19
回答已采纳
1回答
我已经开始学习使用TypeScript的TDD。我已经创建了一个<Avatar />组件。它的道具应该是与Props组件一起定义的<Avatar />类型的。在正常的开发模式下，当我用玩笑和酶测试它时，它工作得很好，当道具不存在时，它不会抛出错误。下面是我的密码。
我尝试过使用PropTypes并将它附加到Avatar.propTypes上，它可以工作。当道具不存在时，开玩笑/酶抛出不让测试通过。但是，同时使用TypeScript和PropTypes并不合适，因为TypeScript在代码中更加强大和无所不在。
Avatar.tsx：
type Props = {
浏览 3提问于2019-08-09得票数 0
在下面的代码中...
interface Options {
allowed?: string;
}
function test(options: Options) {
return options;
}
const options = {
allowed: 'allowed',
notAllowed: 'notAllowed',
};
test(options); // does not throw an error
为什么在调用test(options)时，将notAllowed添加到options不会在Typescript中引发错误
浏览 0提问于2019-12-08得票数 0
2回答
我正在考虑在一个非常大的项目中使用TypeScript而不是JavaScript。问题是:我能得到什么好处？TypeScript提供接口、严格的输入等等。但最重要的是TypeScript是否是compiled。所谓编译，我指的是一个真正的编译，就像Java一样。我不需要JavaScript的缩小(丑化等等)，有些人称它为编译。我也不是说Python的编译。
因此，问题是:如果开发人员在运行时之前犯了错误，那么TypeScript是否会在编译时抛出错误，就像Java一样？
浏览 2提问于2015-02-12得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
