1回答
我试图使用babel-plugin-module-resolver使用相对路径，但是不管我做了什么，它都不起作用。我读过Reactive原住民文档和babel文档，但是metro bundler无法解析模块。而且我用的是打字稿。
以下是我的配置文件：
tsconfig.json
{
"compilerOptions": {
"target": "esnext",
"module": "commonjs",
"lib": ["es2017"],
&#
浏览 1提问于2022-01-20得票数 0
我使用npx create-react-app my-app --template typescript创建了一个react项目。我发现typescript-eslint在默认情况下已经启用了。
我检查了package.json内部的eslint配置
"eslintConfig": {
"extends": "react-app"
},
我认为要启用typescript-eslint，您需要package.json中的"extends": ["plugin:@typescript-eslint/recom
浏览 2提问于2020-08-08得票数 1
回答已采纳
2回答
如何防止测试被汇总捆绑？
、、、、
我正在构建一个包，并希望将我的“测试”文件夹排除在由rollup构建的dist文件中。
我的文件结构在运行rollup -c之后如下所示
.
├── dist
│ ├── index.js
│ ├── tests
│ ├── index.test.js
├── src
│ ├── index.tsx
│ ├── tests
│ ├── index.test.tsx
我的rollup配置如下所示：
import typescript from 'rollup-plugin-typescript2'
import pkg from '.
浏览 0提问于2020-12-17得票数 18
回答已采纳
我输入命令来创建带有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
我使用TypeScript安装了React和yarn create react-app my-app --typescript。
然后我写了这段代码：
import React from 'react';
const App: React.FC = () => {
const theBiggestInt = 9007199254740991n;
return (
<div>
{"Durkurian"}
</div>
);
}
export default App;
得到了一个错误：
当目标锁定
浏览 0提问于2019-08-19得票数 9
回答已采纳
1回答
我有一个react项目，我们称它为my-app。我希望其他人能够为我的应用程序创建插件。我有一个typescript接口，插件应该导出一个实现它的类。我不知道的是如何编写项目之间的依赖关系。
似乎插件项目应该依赖于my-app，因为它需要导入接口。但是my-app应该依赖于插件，这样它才能调用实现类。这很糟糕，因为它需要手动从插件导入类，并在my-app的代码中调用插件类的构造函数。另外，这也是一种周期性的依赖。
在package.json中编写依赖项以实现此插件体系结构的正确方法是什么？
浏览 1提问于2020-02-02得票数 2
当我在汇总中使用Scss时，当我构建项目时，会出现一个错误：
[!] Error: Unexpected character '@' (Note that you need plugins to import files that are not JavaScript)
components/styles/index.scss (3:0)
1: @import 'variables';
我尝试了一些方法，但没有成功，比如rollup-plugin-postcss或rollup-plugin-scss。我将sass改为node-sass，但出现了另一个问题，因为我
浏览 42提问于2022-07-09得票数 3
我创建了一个TypeScript React应用程序，它使用：
yarn create react-app my-app --template typescript
这样，我的项目是用编译的，然后由捆绑。现在我想使用TypeScript ，默认情况下它在Babel中不受支持，但是它们是。我安装了所有必需的软件包：
在package.json中，我将react-scripts start改为react-app-rewired start。
最后，我创建了一个config-overrides.js文件：
const {
override,
addExter
浏览 4提问于2020-04-16得票数 3
回答已采纳
我想在我的.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
回答已采纳
TL;DR，错误：
Step #0: Creating an optimized production build...
Step #0: Failed to compile.
Step #0:
Step #0: Failed to load config "airbnb-typescript" to extend from.
Step #0: Referenced from: /app/.eslintrc.js
我正试图建立一个前端项目与尾风CSS，Craco和React，与码头。我有一个类似的项目运行，只有没有尾风和Craco，但相同的弹性设置，这是没有任何问题。
我在G
浏览 21提问于2021-04-15得票数 3
你能帮我一下吗，我在尝试构建一个项目时遇到了这个错误？
Oops！出了问题！:( ESLint: 8.0.0 TypeError:未能加载在‘src.eslintrc’中声明的插件‘@typescript eslint’：Class扩展未定义的值不是构造函数或从:src.eslintrc引用的null。
package.json
"devDependencies": {
"@typescript-eslint/eslint-plugin": "^4.33.0",
"@typescript-esl
浏览 9提问于2021-10-10得票数 35
回答已采纳
3回答
在VSCode中打开类型记录项目会导致错误"ts2307无法找到模块'react‘或其相应的类型声明“。但Webstorm很好用。我从CRA创建了repo，这是一个类型记录模板。节点通过nvm安装。我这里用的是纱3.2.3，我还没有弹出CRA。
package.json
{
"name": "frontend-ts",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-li
浏览 8提问于2022-09-10得票数 1
1回答
尝试基于默认模板(与rollup )在我的ASP.NET Core 2.0 React应用程序上集成React。
我正在尝试"rollup -c"，它显示了这个错误
好了！错误：“toASCII”不是由node_modules\punycode\punycode.js导出的
node_modules\rollup-plugin-node-builtins\src\es6\url.js (23:8) 21: 22：
23:从‘{toASCII}’导入；
24:从‘util’导入{isObject，isString，isNullOrUndefined，isNull}；
25:从
浏览 0提问于2018-01-03得票数 1
我正试图与webpack建立一个项目，打字和反应。我正在使用babel来转换我的类型脚本/响应代码。在启动开发服务器时，我得到以下错误：
Module parse failed: Unexpected token (4:6)
You may need an appropriate loader to handle this file type.
|
| export class App extends React.Component {
> arr = [1, 2, 3];
|
| render() {
Babel不能处理数组声明吗？我觉得有点奇怪。也是因为我的react类看
浏览 0提问于2019-04-06得票数 0
回答已采纳
我通过创建-反应-应用程序启动了一个反应性项目。
create-react-app my-app --scripts-version=react-scripts-ts
我得到了下面的package.json
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.4.1",
"react-dom":
浏览 0提问于2018-06-16得票数 0
回答已采纳
我不确定我做错了什么，但我根本不能使用rollup.js的react钩子来构建组件。我尝试了所有流行的评论，比如在我的resolve插件中添加跳过，在package.json中添加外部变量和作为对等依赖项添加。 我的导入如下： import resolve from "@rollup/plugin-node-resolve";
import commonjs from "@rollup/plugin-commonjs";
import typescript from "@rollup/plugin-typescript";
import {
浏览 42提问于2021-07-22得票数 0
在我的项目中我有一个要求。
我们在项目中使用带有Typescript的React。我们需要显示的插件信息，如版本的插件，git网址，从package.json插件的自述文件，并在网页上显示。当package.json被更新时，我们也必须更新页面。
浏览 4提问于2018-07-26得票数 0
我已经构建了一个npm包，它是Typescript，由于某种原因，在构建时，它不会生成类型定义文件，而当我尝试运行它时，我得到了经典的Could not find a declaration file for module...
我尝试过将types和typings添加到package.json中，但没有成功。
package.json
{
"name": "@org/mypackage",
"version": "0.0.7",
"description": "",
"ma
浏览 59提问于2019-06-13得票数 3
我是react的初学者(尽管我已经做了一些ReactJ)，今天我正在尝试使用TypeScript (instead of pure Javascript)创建一个简单的应用程序。 但是，在运行npm start时，我发现了一个我能理解的问题，但我不能理解为什么它是一个问题。 假设我们有这样的代码(main.tsx)： import * as React from 'react'; 你能给我清楚地解释一下和 import * as React from '@types/react'; 在我的package.json中，我有"@types/react
浏览 91提问于2019-09-07得票数 1
回答已采纳
我目前正在创建一个新的反应应用程序的创建-反应应用。在此之后，我安装了扩展插件的eslint :react/推荐和google。2周前，我也这样做了，我没有遇到任何问题，但是从2天开始，我就得到了数组中元素“index.tsx和App.tsx文件中的每个html行中的错误”的“缺少的键”支柱。
index.tsx
import './index.css';
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
im
浏览 5提问于2022-02-25得票数 2
回答已采纳
1回答
我想将类型记录react作为组件捆绑到ES模块或UMD中。但是生成的ES包产生一个无效的模块js。
在捆绑上它给了我这个提示。但我找不到任何解决办法。
(!) Missing global variable names
Use output.globals to specify browser global variable names corresponding to external modules
http (guessing 'http')
...
在esm js包中，有如下所示的导入：
import http from 'http';
import h
浏览 8提问于2021-07-28得票数 3
回答已采纳
在“盖茨比构建”过程中，我面临这个错误。
使用了警告不安全的内置方法，以后的构建将需要重新生成警告WebpackError的所有页面:不安全的内置使用fs.existsSync。
请查看下面的图片和包装细节。
Package.Json
"gatsby": "^3.1.1",
"gatsby-plugin-create-client-paths": "^3.2.0",
"gatsby-plugin-material-ui": "^3.0.1",
"gatsb
浏览 3提问于2021-04-23得票数 2
我正在建立一个使用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
我已经尝试了几种方法，但我无法找到为我的项目禁用eqeqeq的方法。
我的项目是通过create-react-app --typescript创建的
以下是 的屏幕截图
我已经尝试了几个eslint或tslint插件
我尝试了几个配置文件：
.eslintrc
.eslint.config
.eslint.json
.tslintrc
.tslint.config
.tslint.json
或者甚至是在package.json中
"eslintConfig": {
"extends": "react-app"
"rules"
浏览 11提问于2019-08-12得票数 6
1回答
谁能给我解释一下：
当我使用react-native init创建新的new本机项目时，它也会生成.flowconfig。
它是否也同时增加了对流的依赖？
在使用Visual代码时，它提供了一些智能感知功能，但我没有安装TypeScript或其他任何东西。如果我想使用TypeScript而不是Flow，是否必须另外安装TypeScript？
我只是有点困惑，因为在我的项目目录中，我有.flowconfig，当使用VS代码时，它仍然使用TypeScript。
如果我只想使用Flow并完全禁用TypeScript，怎么办？这方面的信息不多。
浏览 3提问于2017-09-28得票数 3
回答已采纳
我学会用打字稿来反应。在中，我看到它使用--scripts-version参数创建新应用程序：
create-react-app my-app --scripts-version=react-scripts-ts
此外，我还看到create-react-app有--typescript选项。所以，我可以写：
create-react-app my-app --typescript
这些基于反应的应用程序创建方法有什么不同？指定这两个参数有意义吗？也就是说。
create-react-app my-app --typescript --scripts-version=react-scripts-
浏览 1提问于2019-02-09得票数 1
回答已采纳
1回答
react-script在内部使用typescript-eslint，它会拖拉警告/错误，您可以在运行应用程序的终端中看到它。
我确实用create-react-app --typescript创建了react应用程序，并设置了一个tslint.json，如下所示：
{
"defaultSeverity": "error",
"extends": [
"tslint:recommended",
"tslint-react",
"tslint-eslint-rules"
浏览 1提问于2019-12-02得票数 0
1回答
我创建了一个"UI库“，用ReactJS + TS + styled-components和Rollup在其他项目中使用，我面临着一些冲突的classNames问题。我知道styled-components提供了一个插件来创建classNames散列的命名空间，但它并不像它们应该的那样工作。如果我在我的项目中运行Storybook，命名空间可以工作，但当我构建这个UI并在其他项目中使用时，就不会了。这是我第一次使用Rollup，所以我不知道这里是否遗漏了什么。我的文件：
Package.json
"name": "@team/ds-react-ui-lib&
浏览 5提问于2021-06-29得票数 1
5回答
在我的新项目中，ESLint没有像以前那样输出警告，而是使用VSCode。如果我的代码中有一个未处理的变量，它将不再显示终端输出中的警告。只在“问题”选项卡中。
下面是我的eslint配置文件：
.eslintrc.json
{
"env": {
"browser": true,
"es6": true
},
"extends": [
"plugin:react/recommended",
"airbnb-typescript&
浏览 2提问于2021-02-08得票数 7
我一直在绞尽脑汁，不停地尝试在我的monorepo中设置一个ESlint配置。我使用Yarn 3.2.4作为包管理器。。以下是项目结构：
/monorepo
├── /configs
│ ├── /eslint
│ │ ├── index.js
│ │ └── package.json
│ ├── /jest
│ │ ├── index.js
│ │ └── package.json
│ ├── /prettier
│ │ ├── index.js
│ │ └── package.json
│ └── /typescript
│
浏览 11提问于2022-11-15得票数 0
回答已采纳
我正在用TypeScript编写一个React组件，用tsconfig.json编写strict: true。
给定package.json中的以下内容
"devDependencies": {
"@babel/cli": "^7.0.0-rc.1",
"@babel/core": "^7.0.0-rc.1",
"@babel/plugin-proposal-class-properties": "^7.0.0-rc.1",
"@babel/p
浏览 47提问于2018-09-30得票数 0
回答已采纳
2回答
我在Visual Studio中有一个使用Typescript的Angular2项目。我想把Typescript从1.8更新到2.0.x。在我的系统中，我更新了package.json的typescript和tsc -v日志，其中包括
"devDependencies": {
....
"typescript": "^1.8.10",
"typings": "^1.3.1",
...
}
为了更新typescript，在package.json中将版本更改为"typescri
浏览 0提问于2016-12-01得票数 22
回答已采纳
我试图将eslint-plugin-testing library添加到一个项目中，以捕获@testing-library/react测试中常见的错误。我已经跟踪了，但是我无法让它捕获测试文件中的错误。
例如，我手动打开no-debug规则，在一个.test.tsx文件中添加一个debug()语句，然后运行linter。它不会捕获文件中的任何错误。
如果我打破了其他插件的规则，它们就会被捕获，所以我怀疑我在配置中添加测试库插件的方式可能有问题。
package.json
{
"dependencies": {
"react": "16.12.
浏览 3提问于2020-05-15得票数 3
回答已采纳
当我在当前的react项目上运行npm i时，会收到以下有关react的警告：
npm WARN react-tap-event-plugin@3.0.3 requires a peer of react@^16.0.0-0 < 16.4.0 but none is installed. You must install peer dependencies yourself.
npm WARN react-paginate@4.4.4 requires a peer of react@^15.0.0 but none is installed. You must install peer
浏览 0提问于2019-01-21得票数 14
回答已采纳
3回答
不正确的测试执行队列
、、、
// file.spec.js
describe('[test]', () => {
it('first', () => {
expect(true).toBeTruthy();
});
it('second', () => {
expect(true).toBeTruthy();
});
});
在file.spec.js -> ctrl + S (首次保存)中：
[test]
first
second
在file.spec.js -> c
浏览 0提问于2018-04-03得票数 0
回答已采纳
在导入所有插件时，我看到了同样的问题。
验证它们在文件上载的浏览器返回中没有正常工作。我试图编码这张照片上传到MongoDB地图集。
这似乎是某种TypeScript问题。我一直无法找到解决办法。使用VS代码和React。
到目前为止..。
用Yarn vs NPM重新安装所有插件，并在包前添加@type/
我创建了一个declarations.d.ts文件，用于在/src根目录以及filepond//src/中声明(建议).Placed。也许需要放在另一个目录里？
declare module 'FilePondPluginImageResize';
de
浏览 4提问于2020-01-21得票数 2
当我试图通过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
回答已采纳
我遇到了一个问题，Visual Studio 2017无法编译我的代码。
我最近添加了Typescript，React和Webpack到我们的解决方案中，它工作得很好。但是，当我现在尝试构建我们的MVC应用程序时，它就崩溃了。最初我有一堆错误，但现在我已经将其范围缩小到csstype not it (TS2307)。
SO上的其他帖子建议添加"moduleResolution": "node"，但这对我的情况没有帮助……
这是我的tsconfig.json：
{
"compilerOptions": {
"sourceMap
浏览 7提问于2018-07-25得票数 2
我在我的项目中使用了styled jsx，我只是将它迁移到了一个monorepo结构中，从那时起，我就遇到了以下问题：
Type '{ children: string; jsx: true; }' is not assignable to type
'DetailedHTMLProps<StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>'.
Property 'jsx' does not exist on type
'Det
浏览 1提问于2021-02-02得票数 9
我用react 16.9和typescript 3.5.2开发了一个react typescript应用程序。它使用react状态钩子，比如 const [hValue, setHValue] = useState(); hValue类型为IValue 因此，setHValue具有返回类型React.Dispatch<any> 然后我将typescript版本更新到3.9.7，它给出了编译错误，现在setHValue的返回类型似乎已经更改为React.Dispatch<React.SetStateAction<undefined>> 为什么会这样呢？如何解
浏览 39提问于2020-09-17得票数 1
1回答
我在一个react native项目中使用styled-components。我也在使用typescript，我安装了软件包，也安装了类型定义，但显示了以下错误： ? 这导致了我的一个错误，因为属性没有被返回。有没有人知道怎么解决？ 下面是我的package.json和我的组件。 "dependencies": {
"@react-navigation/native": "^6.0.2",
"@react-navigation/stack": "^6.0.2",
"expo
浏览 7提问于2021-08-08得票数 3
回答已采纳
2回答
我有.js文件(src/client/.)和.ts文件( src/server/. ))
我安装了以下软件包：
package.json
"eslint": "^5.11.1",
"eslint-config-airbnb-base": "^13.1.0",
"eslint-config-typescript": "^1.1.0",
"eslint-plugin-import": "^2.14.0",
"eslint-plugin-type
浏览 0提问于2019-01-01得票数 0
回答已采纳
我想不出为什么在VSCode中有一个项目，使用tslint设置，我得到了错误：
‘'public’只能在.ts文件中使用。
实际上，为什么我没有得到通常的变量a也从来没有读取/使用警告/错误
tsconfig.json
{
"compilerOptions": {
"plugins": [
{
"name": "typescript-tslint-plugin"
}
]
},
}
tslint.json
{
"defaultS
浏览 0提问于2019-02-13得票数 0
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
回答已采纳
我是app.tsx
{global.HermesInternal == null ? null : (
<View style={styles.engine}>
<Text style={styles.footer}>Engine: Hermes</Text>
</View>
)}
我是package.json
"devDependencies": {
"@babel/core": "^7.5.0",
"@babel/runtime": &
浏览 7提问于2019-09-19得票数 2
1回答
当我尝试配置我的react应用程序时，当我在命令提示符下输入yarn add bootstrap@4.0.0时，会出现以下警告。 C:\Users\Administrator\Desktop\React\confusion>yarn add bootstrap@4.0.0
yarn add v1.22.10
warning ..\..\..\..\package.json: No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
info fsevents@2.3.2: The platform &
浏览 167提问于2021-04-05得票数 0
打字稿投：
除非'-- JSX‘标志是provided.ts(17004)，否则不能使用jsx。
在将tsconfig.json jsx更改为react-jsx之后，jsx工作。yarn start再次将tsconfig.json更改为react-jsx。
react-scripts更新为4.0.1。
package.json
"dependencies": {
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-sc
浏览 9提问于2020-11-23得票数 10
回答已采纳
1回答
我不能使用scss文件中的图像路径作为滚动包的背景。
我的rollup配置如下所示。
import typescript from 'rollup-plugin-typescript2';
import commonjs from 'rollup-plugin-commonjs';
import external from 'rollup-plugin-peer-deps-external';
import resolve from 'rollup-plugin-node-resolve';
import scss from &#
浏览 3提问于2020-02-25得票数 3
D:/.../../node_modules/@reduxjs/toolkit/dist/configureStore.d.ts D:/.../.../node_modules/@reduxjs/toolkit/dist/configureStore.d.ts(1,13)：'=‘=’预期中的TypeScript错误。TS1005
1从‘redux’导入类型{ Reducer、ReducersMapObject、中间件、动作、AnyAction、StoreEnhancer、Store、Dispatch、PreloadedState、CombinedState }；从‘./devtool
浏览 4提问于2021-10-20得票数 0
17回答
当前在我的客户端启动服务器，上面的错误就是我所得到的。我用的是TypeScript，ReactJS，ESLint。我似乎无法前进，因为这个错误一直困扰着我。也没有多大帮助。
在我创建了useMutation组件并在index.ts中导出它之后，这个错误就上升了。不知道如何消除这个错误。
Below is my package.json
{
"name": "tinyhouse_client",
"version": "0.1.0",
"private": true,
&#
浏览 11提问于2020-05-29得票数 151
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
