在执行nwb serve-react-demo时，我在打字记录中出现以下错误
子进程处理请求失败:错误:调试失败。假表达。(D:\Projects\react-techpulse-components\node_modules\typescript\lib\typescript.js:121409:26) at Object.resolveModuleNames (D:\Projects\react-techpulse-components\node_modules\typescript\lib\typescript.js:121453:20) at Object.resolveModuleN
浏览 5提问于2022-05-26得票数 1
当我在我的项目中安装npm时，我得到了下面的错误
npm WARN config global `--global`, `--local` are deprecated. Use `--location=global` instead.
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR!
npm ERR! While resolving: react-scripts@4.0.1
npm ERR! Found: typescript@4.1.3
npm ERR! node_modules/typesc
浏览 10提问于2022-07-08得票数 1
回答已采纳
我想在我的.eslintrc.json文件中启用对“默认”typescript命名约定的警告。您如何做到这一点？
//package.json
//...
"@typescript-eslint/eslint-plugin": "^4.25.0",
"@typescript-eslint/parser": "^4.25.0",
"easy-peasy": "^5.0.3",
"eslint-plugin-react": "^7.23.2
浏览 30提问于2021-05-28得票数 0
回答已采纳
5回答
在我的新项目中，ESLint没有像以前那样输出警告，而是使用VSCode。如果我的代码中有一个未处理的变量，它将不再显示终端输出中的警告。只在“问题”选项卡中。
下面是我的eslint配置文件：
.eslintrc.json
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:react/recommended",
"airbnb-typescript&
浏览 2提问于2021-02-08得票数 7
我输入命令来创建带有typescript的React Native项目。
npx react-native init MyApp --template react-native-template-typescript
package.json
"react-native": "0.63.2"
我想使用typescript创建0.62.2，所以我尝试使用以下命令：
npx react-native init MyApp --version 0.62.2 --template react-native-template-typescript
package.json
浏览 0提问于2020-07-29得票数 1
我想让data!.id
错误：
警告禁止非空断言@typescript-eslint/no-null断言
当前配置：
module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'plugin:jsx-a11y/recommended',
'plugin:@typescript-eslint/eslint-recommended',
'plugin:@typescr
浏览 2提问于2020-02-20得票数 32
回答已采纳
1回答
问题
import React, { useContext, useEffect, useRef } from 'react';
我打开esModuleInterop和allowSyntheticDefaultImports在tsconfig.json。
此外，我还使用eslint-import-plugin和eslint-import-resolver-typescript对导入进行分析。
但是，埃林特说"No default export found in imported module "react".“
怎么解决这个问题？
背景
技术栈
18.2
浏览 7提问于2022-07-10得票数 4
我想要将eslint import/order配置为自定义配置，但我无法在react typescript文件中使用它。 这是我的规则： "import/order":[
"error",
{
"groups": ["builtin", "external", "internal"],
"pathGroups":[{
"pattern": "react",
浏览 127提问于2021-01-07得票数 2
回答已采纳
2回答
我正在遵循从ESLint设置的说明。
以下消息导致ESLint失败：
$ npm run lint
> IACS@1.0.0 lint /some/path/sscce-typescript-react-eslint
> eslint '*/**/*.{js,ts,tsx}' --quiet --fix
Error: Cannot read config file: /some/path/sscce-typescript-react-
eslint/node_modules/@typescript-eslint/eslint-plugin/dist/confi
浏览 22提问于2020-07-30得票数 6
回答已采纳
15回答
我正在使用create app+ typescript + eslint应用程序，在构建过程中有这样的错误：
Line 1:8: 'React' was used before it was defined @typescript-eslint/no-use-before-define
组件中的代码以以下代码开头：
import React from "react";
Eslint设置：
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
浏览 26提问于2020-09-09得票数 183
回答已采纳
我知道以前有人问过这个问题，但似乎没有一个解决办法对我有帮助。
我得到的错误，我也尝试删除node_modules目录。然后重新安装npm。还是同样的错误。
rm -rf node_modules
npm install
npm start --相同的错误
甚至尝试删除package-lock.json，但同样的错误在npm上。
节点版本- v10.15.3
NPM版本- 6.4.1
Aryans-MacBook-Pro:react-new-app aryanarora$ npm start
> react-new-app@0.1.0 start /Users/ar
浏览 1提问于2019-04-29得票数 0
回答已采纳
我使用Power (PAC)创建了一个Power组件框架(PCF)项目。我使用了以下命令：
// initializes directory with a new PCF project
pac pcf init
// installs the project dependencies
npm install
使用这个基本的项目代码，当我在VisualStudio2019中打开项目文件夹时，它会显示index.ts (TypeScript)文件中的多个TypeScript错误。但是，相同的代码在Visual 2017中没有显示错误。
和VS的两个版本都启用了ESLint (Tool
浏览 2提问于2021-06-07得票数 0
ESLint不会在未使用的变量上警告我，也不会在未导入的组件上发出警告。我尝试了所有的帖子，但我没有任何解决方案:/ 免责声明:我知道我没有为example....Why导入导航栏ESLint没有警告我吗？谢谢！ .eslintrc.json {
"env": {
"browser": true,
"es2020": true,
"node": true,
"jest": true
},
"extends"
浏览 159提问于2021-04-26得票数 1
我有一个ESLint的配置
{
"env": {
"browser": true,
"node": true,
"es2020": true
},
"extends": [
"airbnb-typescript/base",
"eslint:recommended",
"plugin:react/recommended",
"
浏览 4提问于2022-08-23得票数 0
使用react-scripts启动react/typescript项目，添加一个具有以下内容的.eslintrc.json文件：
{
"env": {
"browser": true,
"es2021": true
},
"extends": [
"eslint:recommended",
"plugin:react/recommended",
"plugin:@typescript-es
浏览 3提问于2021-07-08得票数 1
回答已采纳
使用以下命令：npx react-native init MyApp --template react-native-template-typescript --version 0.63.4
或
npx react-native init MyApp --version 0.63.4 --template react-native-template-typescript
使用ReactiNative0.68.2创建一个应用程序--我需要0.63.4版本--正确的命令是什么？
Update -我尝试了如下命令：npx react-native init ExperienceApp --templ
浏览 3提问于2022-05-14得票数 0
1回答
我正在使用一些旧的Sencha代码，这些代码是用旧风格的JavaScript编写的，我正在努力清理这些代码。这段代码太简单了，不能简单地拼写一个变量而看不到错误，因为没有任何东西被标记为全局的或未定义的。
我正在尝试使用ESLint来解决这个问题。ESLint正在有效地发现其他问题，比如var而不是let或const，==而不是===等等。但是，应该标记为未声明或全局的变量却被轻率地忽略了。例如：
'use strict';
Ext.define('mycompany.view.blah.blah.blah', {
extend: 'Ext.P
浏览 17提问于2022-05-03得票数 1
回答已采纳
目前，我正在使用react-docgen-typescript-loader自动生成文档 下载持续30天：1.2m 但是这个插件不再被支持和存档：https://github.com/strothj/react-docgen-typescript-loader 也不适用于typescript ^4.3 (https://github.com/styleguidist/react-docgen-typescript/issues/356)，因为加载器使用旧版本的react-docgen-typescript 有没有其他方法可以从TS自动生成文档？
浏览 36提问于2021-06-29得票数 1
回答已采纳
我想禁用没有未使用的参数警告，但保留“未使用的vars”警告。 对于此代码： const Query = objectType({
name: 'Query',
definition(t) {
t.field('test', {
type: 'Test',
resolve: (root, args, ctx) => {
const x = 1
return { id: 1, time: new Date().toString() }
},
})
浏览 224提问于2020-09-25得票数 17
回答已采纳
我用create-react-app my-app --typescript创建了react。 然后我在本地安装了typescript模块。 ../typescript-module/A.ts export default class A {
} App.ts import A from 'typescript-module/A';
console.log(A); 我尝试将typescript模块导入到我的react应用程序中。但它会显示错误，如under。 ./node_modules/typescript-module/A.ts
Module parse failed:
浏览 18提问于2019-10-19得票数 1
我正在将我的项目从tslint重新配置为eslint。我可以手动运行eslint，但webpack无法运行，并显示以下错误消息： Module build failed (from /path/node_modules/eslint-loader/index.js):
Error: Failed to load plugin @typescript-eslint: Cannot find module 'eslint-plugin-@typescript-eslint' 我已经排除了错误的模块和丢失的依赖项，因为它在我手动运行时可以工作。/node_ .eslintrc.js
浏览 1103提问于2019-02-04得票数 35
我继承了一个项目，我不再想要这个插件或规则了。我已经将simple-import-sort的所有实例从package.json和eslint.rc中删除。我在任何地方都找不到这件事.
然而，当我运行我的服务器时，会出现这个错误。
如果我没有明确的插件或simple-import-sort规则，我不明白是什么原因导致了这个错误。
我的eslintrc贴在下面：
const fs = require('fs')
const foldersUnderSrc = fs
.readdirSync('src', { withFileTypes: true })
浏览 11提问于2022-07-22得票数 0
1回答
当使用pnpm dlx和pnpm import为create应用程序(Version5.0.0)安装依赖项时，我会收到一个警告，即应该安装对等依赖项。react的dev环境运行得很好。使用npx时不会显示此警告消息。除了安装对等依赖项之外，如何修复此警告消息？提前谢谢。
我所做的：
使用命令行中的pnpm dlx创建react应用程序。
pnpm dlx create-react-app ./temp-app
上面的步骤创建了一个包-lock.json文件。因此，要创建pnpm的锁文件，
pnpm import package-lock.json
这创建了一个pnpm-lock.yaml文件，
浏览 10提问于2021-12-25得票数 2
回答已采纳
使用"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
回答已采纳
当我试图通过npm start运行应用程序时
Failed to load plugin '@typescript-eslint' declared in '.eslintrc.json': Class extends value undefined is not a constructor or null
为什么会发生这种情况，我该如何解决呢？
eslintrc.json
{
"env": {
"browser": true,
"es2021": true
},
"extend
浏览 15提问于2022-03-10得票数 4
回答已采纳
1回答
我是一个反应开发的初学者。
我试图解决我的项目的所有错误/警告，但在开发环境和生产环境之间得到了不同的结果。我对他们的配置没有任何影响。
运行npm run lint会给出以下输出：
运行npm run build会给出以下输出：
我得到不同的ESLint输出是正常的吗？
这是我的package.json：
{
"name": "immersion-dashboard",
"version": "0.1.0",
"private": true,
"dependencies": {
浏览 4提问于2021-11-21得票数 8
回答已采纳
1回答
我在visual 2019年使用ts和tsx。我已经在选项中启用了eslint，但在visual中仍然没有收到任何警告。
我看到VS在抱怨：
C:\Users\ME\AppData\Local\Microsoft\TypeScript\ESLint_placeholder_.js D:\Projects\General\General (tsconfig或jsconfig项目)无法找到模块‘eslint无浮动-承诺’ D：\Projects\General\General(tsconfig或jsconfig项目)
但我所有的搜索都找不到答案我该怎么做
这里是我的eslintrc的简写版本
{
浏览 10提问于2022-02-10得票数 0
2回答
阿童木:埃斯林特被配置为
、、、、
我试图用react、typescript和astro来设置我的eslint配置，但似乎我无法摆脱这个错误：
这是我的.eslintrc.cjs，它看起来像：
module.exports = {
env: {
browser: true,
es2021: true
},
extends: [
'standard-with-typescript',
'plugin:astro/recommended'
],
overrides: [
{
files: ['*.astro
浏览 13提问于2022-11-12得票数 0
在用VSCode中的插件进行更漂亮的配置之后，保存函数的格式在我的React+TS代码中的每个非默认导入中都添加了奇怪的value关键字。
如下所示：
import { value ApolloProvider } from '@apollo/client';
import { value BrowserRouter as Router, value Switch } from 'react-router-dom';
import Routes from './routes';
import { value client } from '
浏览 21提问于2022-01-03得票数 86
回答已采纳
我不明白为什么monaco editor不能处理typescript文件。 下面是我传递给编辑器的源代码： import React from 'react';
import styles from './Test.scss';
export const Test = (foo: number) => {
return (
<div className={styles.container}>Test</div>
);
} 和选项： 语言= typescript + monaco.languages
浏览 162提问于2021-09-16得票数 0
我正在建立一个使用create-react-app网站，并刚刚安装了eslint到它。
由于某些原因，本应显示为eslint警告的内容显示为错误，导致npm run start失败。
我如何绕过这个问题，并将它们显示为像以前一样的警告呢？
My .eslintrc.js
env: {
browser: true,
es6: true,
jest: true,
},
extends: [
'airbnb-typescript',
'plugin:@typescript-eslint/recommended',
浏览 11提问于2020-11-03得票数 6
在@typescript-eslint升级之后，es-lint启动了lint错误，如下所示： 28:15 error 'token' is defined but never used @typescript-eslint/no-unused-vars 在源代码中： 23 interface IInterface {
...
>> 27 func1: (token: string) => void
>> 28 fun2: (token: string | null) => void
29 }
浏览 304提问于2021-02-10得票数 0
回答已采纳
2回答
我正在使用prettier-eslint，并试图添加一个新的eslint规则，该规则限制了每行jsx道具的数量：
eslintrc:
...
rules: {
'react/jsx-max-props-per-line': [2, { maximum: 1 }],
'react/jsx-indent-props': [2, 2],
'react/jsx-first-prop-new-line': [2, 'multiline'],
}
...
但是，当我有如下代码时，将按照下面的详细说明对其进行更正。我希望将其更正如下
浏览 3提问于2021-05-25得票数 3
我正在尝试使用React来设置一个新项目，并且我正在考虑用PropTypes替换TypeScript。
但我想知道我是否会有集成问题。
例如：
使用Redux (或react-redux)和TypeScript + React
集成未用TypeScript创建的组件的问题
像react-bootstrap这样的库的问题
我主要关心的是从TypeScript导入一个非类型的抄本代码。
有什么线索或经验吗？
浏览 6提问于2019-08-14得票数 3
我试图将eslint-plugin-testing library添加到一个项目中，以捕获@testing-library/react测试中常见的错误。我已经跟踪了，但是我无法让它捕获测试文件中的错误。
例如，我手动打开no-debug规则，在一个.test.tsx文件中添加一个debug()语句，然后运行linter。它不会捕获文件中的任何错误。
如果我打破了其他插件的规则，它们就会被捕获，所以我怀疑我在配置中添加测试库插件的方式可能有问题。
package.json
{
"dependencies": {
"react": "16.12.
浏览 3提问于2020-05-15得票数 3
回答已采纳
我用的是简单的导入类型的eslint插件。我认为我的.eslintrc.js是正确的，但我不能使这个具体的插件工作。我在文件的第一行中得到以下错误：
规则‘simple-导入-排序/排序’的定义不是简单-导入-排序/排序
这是我的配置：
module.exports = {
parser: '@typescript-eslint/parser',
extends: [
'eslint:recommended',
'airbnb-typescript',
'airbnb/hooks',
浏览 11提问于2020-11-19得票数 14
回答已采纳
1回答
当我导入要在".spec.tsx"文件中测试的组件或页面时，它不会识别Babel。
有没有办法将我的".spec.tsx"配置为识别~“”作为我的根导入？
项目基础：
我的代码：
import React from 'react';
import { render } from '@testing-library/react';
import SignIn from '~/pages/SignIn';
describe('SignIn Page', () => {
it(&
浏览 3提问于2020-06-20得票数 0
回答已采纳
在以下背景下：
$ node -v
v14.8.0
$ npm -v
6.14.7
$ yarn -v
1.21.1
$ tsc -v
Version 4.0.2
按照这里的说明：
我尝试使用以下命令创建一个React Native + TypeScript应用程序：
$ npx react-native init app --template react-native-template-typescript
但是得到了以下文件结构：
在您可以看到的地方，即使我在上面的creation命令中使用了correspnding TypeScript模板，我也没有得到任何的TypeSc
浏览 2提问于2020-09-04得票数 1
1回答
我正在使用创建-反应-应用程序，并已配置我的项目为埃林特。下面是我的.eslintrc文件。
{
"root": true,
"parser": "@typescript-eslint/parser",
"plugins": [
"@typescript-eslint",
"react-hooks"
],
"extends": [
"plugin:prettier/recommended",
"airbnb-
浏览 4提问于2021-06-15得票数 8
回答已采纳
我在一些我使用纯Javascript的项目中使用Highcharts。现在，我使用ReactJS启动了一个新项目，并在上面安装了highcharts。 npm install -g highcharts highcharts-react-official 但是当我开始这个项目时 yarn start 我得到了以下错误： Module not found: Can't resolve 'highcharts' 这是我使用以下命令时得到的结果 npm列表-g --深度0 E:\Programas\NodeJS\node-v10.16.3-win-x64
+-- axios
浏览 64提问于2019-09-20得票数 2
回答已采纳
我将一些正在运行的JavaScript代码迁移到TypeScript npm模块中，以便重用我遇到的问题。我对imports语句进行了以下更改，以使代码再次工作：
import React, { Component } from "react"
变为(已安装React TypeScript类型)：
import * as React from 'react';
import { Component } from 'react';
Helmet有TypeScript类型，但有一个问题，所以我对没有类型的库使用以下格式：
import Helmet
浏览 0提问于2016-06-27得票数 0
在使用样式组件和VSCode时，我遇到了一个奇怪的问题。下面基本上是我从任何来自样式组件的组件中得到的，它们都返回任何。
我之前让它工作了，但是我不知道什么时候，我也看不到所有组件返回任何错误的设置中有什么问题。我试图移回tslint配置，删除/注释掉eslintrc文件中的所有规则，但也无法使其工作。
令人惊讶的是，我尝试了我在我的项目中使用的，其中的类型可以与原始设置一起工作。
我尝试使用相同版本的样式化组件包，但仍然不能正常工作。任何关于这个问题的帮助或方向都将非常受欢迎！
.eslintrc.js
module.exports = {
env: {
b
浏览 2提问于2020-08-08得票数 2
我希望对我的PascalCase项目中JSX.Element类型的变量强制使用React+Typescript。我经常使用以下模式来创建功能组件，并且我喜欢通过给它一个PascalCase名称来区分我的同名导出：
//MyComponent.tsx
//PascalCase for MyComponent
export const MyComponent= (): JSX.Element =>{
return (
<div>
My Component
</div>
)
}
export default MyComponen
浏览 2提问于2021-06-02得票数 3
回答已采纳
当我运行linter命令时，下面的配置工作正常。但是，当我的react服务器运行时，它会使用警告-“@typescript-eslint/no-unused vars”进行编译。
我怎样才能删除警告？
这是我的.eslintrc.js配置。
module.exports = {
parser: "@typescript-eslint/parser",
parserOptions: {
ecmaVersion: 2020,
sourceType: "module",
ecmaFeatures: {
浏览 7提问于2020-07-01得票数 1
在创建react应用程序时，我忘了使用redux-typescript模板。也就是说，我用命令创建了一个react应用程序：
npx create-react-app my-app --template typescript
而不是
npx create-react-app my-app --template redux-typescript
现在我已经构建了大量的UI，并添加了redux层。但是现在我意识到我应该用redux-typescript模板创建应用程序。我现在该怎么做？安装@reduxjs/toolkit和redux会有类似的效果吗？也就是说，运行在下面的命令现在会产生使用redu
浏览 2提问于2022-04-02得票数 0
2回答
当我在主页上添加一个旋转木马时，我遇到了一个问题。我得到了错误：
“‘JSX”没有定义。
我一直在关注Stack溢出，GitHub和谷歌，他们都给出了一个相对接近的答案，但我不知道我可能做错了什么。
我的carousel.tsx文件如下
import * as React from "react";
import styled from "styled-components";
const SCarouselWrapper = styled.div`
display: flex;
`;
interface IProps {
children:
浏览 18提问于2022-02-27得票数 1
回答已采纳
@typescript-eslint/no-unused-vars.有一个问题所以，我们有类型
type SomeType = (name: string) => void;
我们在字符串中有@typescript-eslint/no-unused-vars错误和类型声明，表示“名称”是定义的，但从未使用过。
类型使用示例：
export const LogSomeInfo: SomeType = (name: string) => {
const a = name;
console.log(a);
};
或者：
interface CheckboxPropsTyp
浏览 5提问于2020-09-06得票数 51
回答已采纳
我有以下使用Typescript的import语句： import * as React from 'react';
import { MouseEvent } from 'react' Typescript抱怨我应该组合这些多个导入。我尝试了以下方法，但导入的MouseEvent是不同的： import MouseEvent, * as React from 'react' 在这个组合导入语句中，MouseEvent与通过import { MouseEvent } from 'react'导入的不同。 出于某种原因，Types
浏览 46提问于2019-03-19得票数 0
回答已采纳
0回答
我刚开始在我的React项目中添加TypeScript，但我不能解决这个错误：
import {Link} from 'react-router';
Module '"/Users/.../node_modules/@types/react-router/index"' has no exported member 'Link'.
react-router中存在Link组件(代码正在运行)，但TypeScript无法识别它。我已经添加了@types/react-router，但它似乎没有实现Link。有什么想法吗？
摘自我的pac
浏览 3提问于2017-06-08得票数 9
回答已采纳
在我设置了/frontend/node_modules/react-scripts/node_modules/eslint-config-react-app/base.js".之后，我得到了".eslintrc.js“和"BaseConfig”插件之间的冲突。
我的.eslintrc.js就像
module.exports = {
env: {
browser: true,
es2021: true,
},
extends: [
'plugin:react/recommended',
'air
浏览 14提问于2022-06-10得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
