我在react js中的jsconfig.json有一个错误，说在JSON中的位置抛出错误的令牌
在React.js中，jsconfig.json是一个用于配置JavaScript项目的文件。它通常用于指定项目的根目录、源代码目录、编译选项等。
针对你提到的错误，"在JSON中的位置抛出错误的令牌"，这通常意味着在jsconfig.json文件中存在语法错误或格式问题。JSON（JavaScript Object Notation）是一种用于存储和交换数据的格式，它要求严格的语法规则。
要解决这个问题，你可以按照以下步骤进行排查和修复：
- 检查语法错误：确保在jsconfig.json文件中没有任何语法错误，例如缺少逗号、引号不匹配等。可以使用在线的JSON验证工具（如jsonlint.com）来验证文件的语法是否正确。
- 检查令牌位置：根据错误提示，查找错误令牌的位置。令牌通常指的是JSON中的一个字符或字符串。检查该位置附近的语法是否正确，可能需要添加或删除逗号、引号等符号。
- 验证JSON结构：确保jsconfig.json文件符合JSON的结构要求。JSON应该是一个对象，由键值对组成，键和值之间使用冒号分隔，键值对之间使用逗号分隔，整个JSON应该被大括号包围。
如果你无法找到错误或解决问题，可以尝试以下方法：
- 创建一个新的jsconfig.json文件，并逐步添加配置项，确保每次添加后都验证文件的语法是否正确。
- 参考React.js官方文档或社区中关于jsconfig.json的用法和示例，确保你的配置与标准的配置相匹配。
关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，我无法直接给出链接。但你可以通过访问腾讯云官方网站，浏览他们的云计算产品页面，查找与React.js开发相关的产品和服务。腾讯云提供了丰富的云计算解决方案，包括云服务器、云存储、人工智能等，你可以根据具体需求选择适合的产品。
相关·内容
我已经使用创建了React应用程序。它使用ES6。
我正在使用JSDoc在这个应用程序介绍类型安全。使用Visual代码中的下列选项打开类型安全性：
"javascript.implicitProjectConfig.checkJs": true
类型检查工作正常，但任何使用jsx的文件都会出现以下错误。
除非提供'-- JSX‘标志，否则不能使用jsx。
这是因为该项目对包含JSX的文件使用.js扩展名。项目中有太多的文件，所以我不想将扩展名更改为.jsx。
我发现关闭此警告的唯一方法是添加一个具有折叠内容的tsconfig.json文件：
{
"c
浏览 0提问于2020-11-25得票数 0
回答已采纳
我设置了一个普通的create-react-app项目，并将jsconfig.json添加到根目录。但它显示了与typescript相关的错误。
这是jsconfig.json文件
文件夹结构
有人能帮我吗？
谢谢，Prakhil
浏览 0提问于2020-04-18得票数 5
我正在设置一个新的反应-本机项目，并希望配置该应用程序，以支持导入模块使用绝对路径，添加一个jsconfig.json文件到我的项目的根。但该应用程序无法解析模块。我需要做一些额外的设置吗？
我创建了一个新的react-本机项目--本机-cli 2.0.1，并尝试在MyButton中导入App.js，如下所示：“从‘~/ MyButton /MyButton’导入MyButton；
|-- android
|-- ios
|-- node_modules
|-- src
|-- components
|-- MyButton.js
|-- App.js
|--
浏览 1提问于2019-07-15得票数 7
回答已采纳
我只是使用create-react-app创建了一个React项目，在设置之后，我得到了以下错误：
Failed to compile.
Module not found: Error: Can't resolve 'App' in 'C:\Development_Projects\international-school-fe\src'
ERROR in ./src/index.tsx 4:0-22
Module not found: Error: Can't resolve 'App' in 'C:\Developm
浏览 7提问于2022-07-07得票数 0
我已经为我的creat-react-app项目添加了一个管道，它为我的别名定义了一个jsconfig.json。看起来像是。
{
"compilerOptions": {
"lib": [
"dom",
"es2015",
"es2016",
"es6",
"es2017"
],
"target"
浏览 20提问于2019-11-14得票数 2
我有一个使用create- react -app创建的react项目，我正在尝试将材料包react添加到该项目中。我已经将material kit react的资产和组件放在src/template下，我想将资产的路径从src/assets更改为src/template/assets。问题是，当我配置jsconfig.json来定义资产别名的路径时，我在使用资产时得到错误"Module not fine“，但如果我使用模板别名，它就能正常工作。这是我的jsconfig.json文件： {
"compilerOptions": {
"baseUrl&
浏览 140提问于2021-01-07得票数 0
我正在使用React，我在多个高级组件中使用了多个组件，我的导入有时会类似于这个import MyComponent from '../../../../components/MyComponent' --我知道有一种更有效的方法来导入这个package.json文件中的东西，然后导入它，有点像这个import MyComponent from '@components/myComponent' --但是我不记得我如何做到这一点，我如何做到？
浏览 3提问于2021-08-19得票数 6
回答已采纳
在项目中使用相对路径很难对模块进行引用。为了实现这一点，我们尝试在客户端(react)项目上使用jsconfig.json来引用绝对路径。下面是我的jsconfig.json文件。它很好用。
{
"compilerOptions": {
"baseUrl": "./src"
}
}
我无法在服务器(节点js )项目上实现相同的目标。获取错误消息
找不到模块
如有任何参考，将不胜感激。
浏览 6提问于2021-06-05得票数 3
4回答
从父目录响应导入
、、
我无法从项目目录的父目录导入文件。为了使事情尽可能简单，我在父目录中创建了新的react-原生项目和文件“test.js”。我试图用以下代码导入它：
var Test = require('../test.js');
和
import Test from ('../test.js');
所有这些都不起作用--在xcode中运行时，我有以下错误：
未知错误: /Users/UserName/Downloads/TestReact/index.ios.js:无效目录/用户/用户名/下载/test.js中的UnableToResolveError:无法解析模块./t
浏览 9提问于2015-11-26得票数 10
我构建了react原生应用程序(0.49版)。为了使用装饰器，我安装了mobx react和babel-plugin-transform- decorators。然后，它向我展示了一些不能识别装饰符的错误，因此我将其添加到jsconfig.json中
"compilerOptions": {
"allowJs": true,
"allowSyntheticDefaultImports": true,
"experimentalDecorators": true // I added this line
浏览 0提问于2017-11-07得票数 0
3回答
我想VSCode到，这样我就可以通过点击访问它。
例如，在配置jsconfig.json之后，我可以通过导入./src/styled/index的全局路径来访问它。
但是我不知道如何使用别名@styles
// VSCode Intellisene Works
import { mixins, theme } from 'styles';
// VSCode Intellisene Doesn't work
import { mixins, theme } from '@styles';
我当前的jsconfig.json
{
"
浏览 2提问于2019-10-05得票数 13
回答已采纳
我找到了，但我似乎不知道该怎么办。如何更改.eslintrc文件，使其忽略React组件的绝对导入。尝试导入某些内容时出现Unable to resolve path to module 'products/nomad_insurance/routing'.eslint(import/no-unresolved)错误。
另外，我将./src作为jsconfig.json中的baseUrl
浏览 9提问于2020-02-12得票数 0
我的jsconfig.json文件中有以下配置：
{
"compilerOptions": {
"baseUrl": "./src"
},
"include": ["src"]
}
这让我可以这样做：
import { App } from 'components'
import * as actions from 'actions/app.actions'
而不是这样：
import { App } from '../components'
im
浏览 44提问于2020-11-17得票数 2
回答已采纳
2回答
我已经下载了一个包含以下package.json的react项目： {
"private": true,
"main": "src/index.js",
"dependencies": {
"@material-ui/core": "4.10.0",
"@material-ui/icons": "4.9.1",
"classnames": "2.2.6",
"history"
浏览 16提问于2021-02-01得票数 2
回答已采纳
我试图为自定义的test-utils目录()配置jest绝对路径，但是我得到的错误找不到模块'test-utils‘/无法解析路径。
我的文件夹树
-src/
--utils/
---test-utils/
----test-utils.js
----custom-queries.js
-jest.config.js
-jsconfig.json
我的jest.config.js
module.exports = {
transform: {
'^.+\\.jsx?$': 'babel-jest',
},
test
浏览 6提问于2022-04-25得票数 0
我遵循了这个手册：
并将其添加到我的jsconfig.json文件中：
{
// See https://go.microsoft.com/fwlink/?LinkId=759670
// for the documentation about the jsconfig.json format
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"allowSynthe
浏览 1提问于2016-07-14得票数 1
回答已采纳
如何自动将react jsx或tsx编译为js到visual studio代码？是否需要任务运行器？或者仅仅是jsconfig.json中的一个配置？
我已经尝试过了：
我已经尝试创建一个带有jsx参数的jsconfig.json，但没有成功。我配置了一个TS编译器，但是它只编译TS到JS，而不编译JSX到JS。
我想知道是否有任何配置，使这种转换不需要配置一个运行任务。，例如“保存时编译”，就像完整的Visual Studio。
浏览 6提问于2016-08-13得票数 3
回答已采纳
当我尝试以下两种导入之一时
import 'src/assets/styles/App.scss'
-
import 'assets/styles/App.scss'
我分别收到以下错误
Module not found: Can't resolve 'src/assets/styles/App.scss' in '/path/to/my/project/src'
-
Module not found: Can't resolve 'assets/styles/App.scss' in '/
浏览 2提问于2020-09-22得票数 0
回答已采纳
1回答
VSCode配置问题
、、、
我最近切换到了VsCode，并有几个问题。我主要使用它进行ES6 / Node / React开发。
在每个项目中都有必要包含这些文件吗？
jsconfig.json
.vscode
我一次使用大约30个不同的存储库，将这个样板添加到每个版本控制中似乎很荒谬。甚至将它添加到gitignore中似乎都很疯狂。没有一种方法可以设置全局配置，然后可以被本地jsconfig.json覆盖(如果存在)？
浏览 1提问于2017-04-20得票数 0
我的项目结构如下：
MyProject
layers
myLayer1
nodejs
node_modules
myLayer1
myExtension.js
lambda1
handler.js
lambda2
handler.js
jsconfig.json
myExtension.js
module.exports.myTest = () => {
return 'My extension test';
};
handler.js
const myex
浏览 0提问于2020-06-30得票数 5
当我设置Vite使用绝对路径加载组件时，我会得到这个MIME类型不允许的控制台错误。
vite.config.js：
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
const path = require('path');
// https://vitejs.dev/config/
export default defineConfig({
plugins: [react()],
resolve: {
alias: [
浏览 2提问于2021-10-05得票数 1
回答已采纳
我正在VS代码中开发一个React应用程序，并使用绝对导入。但是，在许多情况下，大约43个或更多包含绝对导入的文件会自动更改为相对导入。当然，我可以在不保存更改的情况下关闭所有这些文件，然后它们将再次恢复为绝对导入，但有什么原因吗？我不知道为什么，但这可能与我复制文件有关吗？
顺便说一句，我使用的是类型记录，在tsconfig中有ff
"baseUrl": ".",
"outDir": "build/dist",
"module": "esnext",
"target": "
浏览 0提问于2018-07-19得票数 0
回答已采纳
File 'd:/cypress/gitRepo3/CypressNonGit/node_modules/cypress/types' not found.
The file is in the program because:
Matched by include pattern './node_modules/cypress' in 'd:/cypress/gitRepo3/CypressNonGit/jsconfig.json'
我试图将自动建议输入到我的cypress代码中，我想(仅在学习阶段)当我包含jsconfig.jso
浏览 4提问于2022-02-24得票数 1
因此，我最近创建了一个React应用程序，并根据文档(https://create-react-app.dev/docs/importing-a-component/#absolute-imports)更新了我的项目的jsconfig.json，从而添加了绝对导入。现在我可以在我的项目中使用绝对导入，但是现在VS代码智能感知似乎被打破了，因为我没有得到绝对路径的自动建议。有人能指出可能的原因吗？
浏览 8提问于2019-12-17得票数 2
我在VisualStudio中创建了一个使用create的React应用程序。为了导入不同的组件，我试图避免使用大量的../../。据推测，我应该能够使用jsconfig.json文件或.env文件来设置baseUrl或NODE_URL。但是，我显然做错了什么，因为我无法访问我的文件。我的文件结构如下所示：
+ClientApp
package.json
+public
+src
+buttons
Button.js
+components
+sidebar
Sidebar.js
SidebarButton.j
浏览 0提问于2019-02-05得票数 2
我能够使用@导入模块，但我升级了一些组件，包括react和nextjs。
这个曾经起过作用
import { ValidateProps } from '@/api-lib/constants';
现在收到错误：
Module not found: Can't resolve '@/api-lib/constants'
如果我给它一条路
import { ValidateProps } from '../../api-lib/constants';
浏览 6提问于2022-10-05得票数 -1
在标准create-react-app配置中，有一个第三方组件可以在需要时导入：
import { Button } from '@mui/material'
// […]
<Button variant="|"></Button>
库是全类型的，所以当光标位于Ctrl+Space时，点击VSCode中的|将显示一个可能的字符串变体列表，我可以使用。我可以通过创建一个包装@mui/material/Button的本地组件来添加另一个变体
// LocalComponent.js
import React from 'react&
浏览 7提问于2021-09-17得票数 10
回答已采纳
我正在使用react-app-rewired来配置我的CRA项目，因为我在使用React的两个共存版本时遇到了问题，我确信这是react-app-rewired/customize-cra的一个非常常见的用例。 在我要求将react-native-calendars作为依赖项安装之前，一切都很好。正如您在我的addBabelPlugins配置中看到的；我需要安装@babel/plugin-proposal-class-properties来转换库的组件……然而，我现在收到了一个错误，它抱怨我的代码库中的JSX，我认为它一开始就已经被CRA处理了，并且看到我们正在用react-app-rewi
浏览 58提问于2020-12-01得票数 0
我有一个盖茨比项目，我试图消除复杂的相对进口。为绝对导入设置别名非常有效，我正在使用gatsby-plugin-alias-imports & eslint-plugin-import，以便在构建期间和在eslint中解析这些别名路径，而不会出现任何错误。
gatsby-config.js：
...
{
resolve: 'gatsby-plugin-alias-imports',
options: {
alias: {
'@components': 'src/components'
浏览 8提问于2022-02-02得票数 0
2回答
如果我在互联网上搜索同样的问题，那么我只能得到vscode网站和一些实现它的博客的链接。
我想知道jsconfig.json是特定于vscode还是javascript/webpack的
如果我们在AWS / Heroku等上部署应用程序，会发生什么情况?我们必须进行更改吗？
浏览 48提问于2021-08-06得票数 13
回答已采纳
1回答
我在VS代码中打开了一个JavaScript项目。没有什么特别之处，所有的*.jsx?都在src文件夹中，webpack打包的文件都存储在dist中，有几个依赖关系用package.json描述，并安装在node_modules中。
假设我在src文件夹中有两个文件：A.jsx和React A以及B.jsx和ReactiveComponentB，后者使用组件A。当我在VS代码中打开我的项目时，转到A.jsx并将代码请求到Find All References of A，它只显示了文件A.jsx中的一个引用(带有PropTypes声明)。为了使VS代码能够在B.jsx中显示引用，我需要打开B.j
浏览 4提问于2020-07-08得票数 4
在我的react项目中，当我使用时：
//package.json
"name": "app"
则intellisense不适用于绝对路径导入
//SomeComponent.js
import {StorageKeys} from 'app/Constants' // inellisense dont work
import {StorageKeys} from '../../Constants' // intellisense works
尝试了一些关于"jsconfig.json“和设置编译器的基本url的建议，但没
浏览 13提问于2021-05-26得票数 1
5回答
我肯定我错过了一些简单的东西，但我就是不能让React.js IntelliSense在Visual代码中工作。
我做了以下工作：
npm install typings
Visual代码中的ext install Typings Installer
Visual代码中的ext install Typings
typings init在我的"app“根目录中
typings install --ambient react-global在我的“应用程序”的根目录中
重新启动Visual代码
它创建了一个typings文件夹。我的应用程序是按以下文件夹结构构
浏览 11提问于2016-03-11得票数 27
回答已采纳
我试图让模块路径别名可以在vscode中点击
// Ctrl+click Working fine
import Layout from "src/components/layout/Layout";
// Not working
import SEO from "@components/SEO";
我的JSconfig.json文件
{
"compilerOptions": {
"jsx": "react",
"baseUrl": ".",
"
浏览 5提问于2022-10-02得票数 0
回答已采纳
问题是，当我尝试运行yarn start时，会显示以下错误 yarn run v1.22.5$ react-app-rewired start
internal/modules/cjs/loader.js:1052
throw err;
^
SyntaxError: /Users/dariocoronel/Desktop/practices/Gostack/javascript/repo/frontend/front/jsconfig.json: Unexpected token } in JSON at position 85
at parse (<anon
浏览 55提问于2021-01-07得票数 3
最近，当我从建议中执行自动导入时，我发现我在VS Code IDE中的react项目在测试用例中使用了require语法。有人能帮帮忙吗？
我正在使用React测试库，下面是它的样子。
const { render } = require("@testing-library/react");
const { default: Home } = require("../Home");
describe("Home", () => {
it("should render Search page", () => {
浏览 1提问于2021-09-09得票数 2
在进行导入时，intellisense将在我试图导入React .jsx组件时建议自动完成名称。不过，当我试图导入json或scss文件时，不会有任何建议。
我在我的webpack.config.js中设置了一组别名
resolve: {
extensions: ['.css', '.js', '.jsx'],
alias: {
'src': path.resolve(__dirname + '/src'),
'data': path.resolve(
浏览 13提问于2020-11-24得票数 5
回答已采纳
我最近刚在我的javascript react项目中添加了一个jsconfig.json文件，以获得更好的导入、别名等。现在一切都正常，我甚至还得到了一些增强的类型安全性。我的问题是，VSCode似乎是在查看函数参数，而不是PropTypes来检查是否需要属性。在javascript中将参数标记为可选的正确方法是什么？我不能像Typescript那样在结尾处加一个问号。代码编译和运行良好，我们只是VSCode的抱怨。我在没有任何扩展的情况下运行过VSCode，所以我知道它不是一个扩展。 错误是 Property 'className' is missing in type &
浏览 14提问于2021-07-16得票数 0
回答已采纳
1回答
我已经在jwt.io上验证了我的JWT
但是，当我试图解析以下响应时：
login(model: any) {
return this.http
.post(this.baseURI + 'login', model, this.requestOptions())
.map((response: Response) => {
const user = response.json();
if (user) {
localStorage.setItem('token', user.token);
thi
浏览 0提问于2018-06-20得票数 0
我用CRNA创建了一个项目，经过一些考虑，我决定使用MobX进行州管理。MobX最适合使用装饰器语法(大多数MobX文档都是使用装饰器语法编写的)，所以我想安装Babel，允许使用装饰器。
我已经成功地安装了MobX (yarn add mobx mobx-react)，但是在安装了Babel插件以启用装饰器(npm install --save-dev babel-plugin-transform-decorators并将"transform-decorators"添加到.babelrc中的插件部分)之后，yarn start停止了抛出一个有关未找到react-原生脚本的错误
浏览 2提问于2017-10-06得票数 1
回答已采纳
我在嘲笑Socket.IO-客户。我在path <root>/__mocks__/socket.io-client.js中创建了模拟文件，但是当我运行测试时，它似乎不像是在使用模拟。我做错了什么？
socket.io-client.js
let EVENTS = {};
function emit(event, ...args) {
EVENTS[event].forEach(func => func(...args));
}
const socket = {
on(event, func) {
if (EVENTS[event]) {
ret
浏览 2提问于2019-09-30得票数 0
我有反应项目，目前不使用jsconfig.json文件。最近，当生成一个生成(纱线)时，我收到了以下警告消息：
将NODE_PATH设置为解决模块绝对不赞成在jsconfig.json中设置baseUrl (如果使用TypeScript，也可以设置tsconfig.json )，并将在创建-反应-应用程序的未来主要版本中删除。
我看到了添加base_url 的“本地修复”，但我担心它会破坏我在其他地方的构建。
在现有的项目中解决这个问题最安全的方法是什么？在jsconfig.json中需要哪些附加设置？还是我不应该担心而忽视它呢？
浏览 1提问于2019-06-04得票数 35
回答已采纳
2回答
我的babel模块解析器没有使用React本机(VScode中的intellij也不使用)
这是我的babel配置
module.exports = {
presets: ['module:metro-react-native-babel-preset'],
plugins: [
[
'module-resolver',
{
root: ['./'],
alias: {
'@assets': './src/assets',
浏览 5提问于2021-03-22得票数 4
我一直在研究异步javascript，从回调到承诺，再到异步/等待。
现在，我很难理解为什么在下面的代码示例中我会失去对错误处理的控制。我甚至钻研了Node的源代码，但这给了我更多的麻烦而不是答案。
我就是这样做的：
在全局try/catch块中，我调用Node的内置fs.readFile，给它一个只抛出错误的回调；
但是，这个错误并没有被捕获，我认为它以某种方式出现在全局范围内，从而导致JS引擎发出一个uncaughtException事件。
const { readFile }=需要量(‘节点:fs’) process.on('uncaughtExceptionM
浏览 7提问于2022-06-16得票数 3
回答已采纳
我有一个项目目录，其中只有三个文件：
test-proj/
hello.js
index.html
jsconfig.json
其中hello.js如下所示：
const a = jQuery('<div>');
const b = React.Component;
const c = Vue({ el: '#app' });
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Test Page</t
浏览 32提问于2020-06-08得票数 0
1回答
错误: js的“承诺”仅指一种类型，但在这里被用作值。
我把"checkJS": true和"jsx": "react"设为jsconfig.json。这不是给ts的。
async function readAsArrayBuffer(blob) {
return new Promise((resolve, reject) => {
let reader = new FileReader();
// @ts-ignore
reader.addEventListener('load&
浏览 0提问于2018-03-09得票数 0
回答已采纳
(编辑:更新有关我尝试过的事情和遇到的问题的更多信息。)
我试图让Intellisense识别并利用项目中公用文件夹中的JS文件。我目前的结构如下：
.vscode
launch.json
common
jsconfig.json
MyLib.js
tests
jsconfig.json
index.html
runtests.js
demo
jsconfig.json
index.html
demo.js
MyLib.js只是：
function MyLib()
浏览 2提问于2017-04-11得票数 2
回答已采纳
我在我的ReactJs项目的src/assets/images文件夹中有一个图像。在不使用相对路径的情况下，我如何在CSS文件中使用它作为背景图像？
我在jsconfig.json中添加了compilerOptions.baseUrl中的src文件夹，所以在js文件中我可以这样做：
import logo from 'assets/images/logo.svg'
<img src={logo} />
但是css文件呢？我有几个文件夹，我想避免难看的字符串，比如
background-image: url(../../../assets/images/logo.sv
浏览 0提问于2019-07-23得票数 6
回答已采纳
2回答
我正在构建一个音乐播放器应用程序，在那里用户基本上点击他们想要的歌曲，它播放指定的音乐。但是，我得到了这个错误：
ERROR in ./src/components/MusicPlayer.js 7:0-17
Module not found: Error: Can't resolve './music' in '/Users/zpotatlises/Desktop/spotifly/src/components'
我假设我收到了这个错误，因为我在我的应用程序中导入了错误的音频。此图像显示src文件中的音频文件夹。
(打开文件时) ->
浏览 1提问于2022-04-26得票数 0
回答已采纳
我使用以下命令创建了一个react项目
create-react-app react-app
然后创建一个包含所有文件夹的react-app。(使用Visual Studio代码)
然后使用rimraf删除了"src“文件夹
然后打开index.html并删除其所有内容。
那好吧！并在index.html中输入并创建HTML样板代码
然后在其中创建了以下div，
<div id="root">
React Component goes here....
</div>
现在创建了"src“文件夹，并在其中创建了具有以下内容的
浏览 39提问于2020-05-15得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
