使用craco的故事书-调用不同版本的react-scripts
故事书是一个使用React编写的应用程序，它需要调用不同版本的react-scripts来构建和运行。为了实现这个目标，我们可以使用craco这个工具。
craco是一个用于扩展create-react-app配置的工具。它允许我们在不弹出eject的情况下修改create-react-app的配置。通过使用craco，我们可以轻松地调用不同版本的react-scripts。
React-scripts是一个由create-react-app提供的脚本集合，用于构建、运行和测试React应用程序。它提供了一些默认的配置和脚本，使得创建和管理React应用程序变得更加简单。
使用craco调用不同版本的react-scripts的步骤如下：
- 首先，我们需要在项目中安装craco。可以使用以下命令进行安装：
- 首先，我们需要在项目中安装craco。可以使用以下命令进行安装：
- 安装完成后，我们需要在项目根目录下创建一个craco.config.js文件。在该文件中，我们可以修改create-react-app的配置。
- 在craco.config.js文件中，我们可以使用craco提供的API来修改配置。例如，如果我们想要调用不同版本的react-scripts，可以使用craco的webpack配置API来指定不同的react-scripts版本。具体的配置示例如下：
- 在craco.config.js文件中，我们可以使用craco提供的API来修改配置。例如，如果我们想要调用不同版本的react-scripts，可以使用craco的webpack配置API来指定不同的react-scripts版本。具体的配置示例如下：
- 在上述示例中，我们将react-scripts的别名指向了一个名为react-scripts-v2的目录，该目录中包含了我们想要使用的特定版本的react-scripts。
- 配置完成后，我们可以使用craco来代替react-scripts来运行和构建我们的应用程序。例如，使用以下命令来启动开发服务器：
- 配置完成后，我们可以使用craco来代替react-scripts来运行和构建我们的应用程序。例如，使用以下命令来启动开发服务器：
- 使用以下命令来构建应用程序：
- 使用以下命令来构建应用程序：
- 使用以下命令来运行测试：
- 使用以下命令来运行测试：
通过使用craco，我们可以轻松地调用不同版本的react-scripts，从而实现对React应用程序的定制化配置。这对于需要在同一个项目中使用不同版本的react-scripts的开发人员来说非常有用。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mpns
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
1回答
我一直在使用我正在工作的React应用程序中的故事书，并且我在切换到新的预设时遇到了一些困难。如下图所示，当我运行下面的脚本时，故事书给了我一个关于预设的警告。
npm run build-storybook
WARN Storybook support for Create React App is now a separate preset.
WARN To use the new preset, install @storybook/preset-create-react-app and add it to the list of addons in your .storybook/ma
浏览 10提问于2022-06-07得票数 0
无法解决试图安装顺风的依赖树。
这是我的package.json
{
"name": "front-end",
"version": "0.1.0",
"private": true,
"devDependencies": {
"autoprefixer": "^9.8.8",
"eslint": "^8.15.0",
"jest": "^28.1.0",
浏览 10提问于2022-05-14得票数 0
2回答
逆风CSS不适用于React
、、、、
我试图添加反作用应用的顺风css。我跟踪了顺风文档，如何设置顺风与反应。
我试了一下顺风最新版本，我检查了Nodejs和npm是否安装得很好。
但是，当我运行npm run start时，总是会出现错误。我解决不了这个问题。
package.json
{
"name": "tailwind-css",
"version": "0.1.0",
"homepage": "",
"private": true,
"dependencies":
浏览 3提问于2021-06-21得票数 3
回答已采纳
是一个命令行工具，可以帮助你建立一个新的反应应用程序。它创建一个package.json，其中包含一个react-scripts依赖项。
react-scripts包有一个webpack依赖项(当前版本为4.19.1)。
是一个很容易配置create-react-app的库。
我已经发布了一个包，它是一个craco插件。它使设置对create-react-app的支持更少变得容易。craco-less依赖项包括css-loader和style-loader包，这些包的peerDependencies中有webpack@^4.0.0。
当我安装craco-less包(yarn add craco
浏览 3提问于2018-12-08得票数 3
Storybook当前调用react-scripts。但是，我已经用craco覆盖了CRA配置的某些部分。这意味着我的应用程序是使用craco ...而不是react-scripts ...调用的。 有没有一个干净的解决方案让Storybook调用craco呢？
浏览 96提问于2020-04-14得票数 3
回答已采纳
我的项目一直在获取错误PostCSS plugin tailwindcss requires PostCSS 8时npm start。
是一样的，但是现在它已经老了，什么也不能用。PostCSS 8现在应该与Tailwind和CRA兼容，所以我安装了最新版本，但返回了相同的错误。我被困在这里近3天，所以我会感谢任何建议或意见！
我尝试过(但从未成功)：
降级为兼容版本的tailwindcss/postcss7-compat": "^2.2.17”、PostCSS ^7.0.39和autoprefixer": "^9.8.8
升级到tailwindcss:
浏览 11提问于2021-10-28得票数 1
回答已采纳
我目前正在使用Yarn Workspace V1.22设置一个带有故事书的create-react-app monorepo。存储库是干净的(只是启动了一个create-react-app)，并且没有执行进一步的修改。实际上，它是用npx sb init初始化的。
我所做的唯一一件事就是删除了node_modules文件夹，并将所有devDependencies和依赖项复制到根package.json中，然后运行yarn install...但它启动不了。
我被以下内容打动了：
Field 'browser' doesn't contain a valid alias
浏览 11提问于2021-06-01得票数 1
我运行一个项目的反应，“@codingame/摩纳哥-语言”："^0.17.3"，“摩纳哥-编辑器”："^0.31.1“和”反应-摩纳哥-编辑器“："^0.35.0”。编译给出了以下错误：
Failed to compile.
./node_modules/vscode-languageclient/lib/common/client.js
Module not found: Can't resolve 'vscode' in '/Users/SoftTimur/10Studio/frontend/node_modules/vs
浏览 16提问于2022-01-17得票数 1
1回答
我试图在反应项目中使用尾风CSS。我遵循了文档中给出的步骤。但是在完成所有步骤之后，我无法看到顺风CSS的变化。我在文件Home.js中添加样式如下，
import React from "react";
.
.
.
return (
<>
<div className="bg-red-500 h-96 py-80">
<h1 className="text-3xl font-bold underline bg-yellow-400">
浏览 8提问于2022-01-07得票数 2
在上有一个类似的问题，但是发布的答案帮不了我。我遵循了这些步骤，但没有任何效果。基本上，我不知道在哪里放置这个config-overrides.js，如答案所示，似乎还有许多模块有待安装。
除此之外，我还跟踪了来配置web应用程序来运行一个黑暗的主题。在web应用程序启动后，它能够切换到黑暗的主题。下面是代码，但是如何选择主题，即运行时想要的暗或光？
项目结构：
package.json: (对脚本部分的更改)
{
"name": "testout",
"version": "0.1.0",
"pri
浏览 8提问于2020-10-01得票数 8
回答已采纳
我有一个问题，设置webpack别名路径使用创建-反应-应用程序和，已经谷歌，但无法解决问题。
每次使用命令Module not found: Can't resolve '@app/App' in 'C:\ReactSandbox\my-project\src运行应用程序时，都会得到一个错误yarn start。
复制步骤：
create-react-app my-project
cd my-project
yarn add @craco/craco
cat > craco.config.js (参见下面的配置)
将react-scr
浏览 2提问于2019-05-31得票数 7
回答已采纳
我在运行react-script test时发现了以下错误消息 The react-scripts package provided by Create React App requires a dependency "babel-jest"："^24.9.0"` 所以错误消息还建议我们删除package-lock.json和node_modules，我试过了，但我得到了相同的错误消息。 我检查了包-lock.json，例如jest-config (是一个子依赖项)使用比react-script接受的版本更高的版本。 如果你有什么建议，请提出来 package
浏览 48提问于2020-04-20得票数 2
我正在尝试在一个tailwindCSS应用程序中使用ReactJS
这些是package.json文件中的脚本命令
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
}
这是我的craco.config.js
module.exports
浏览 27提问于2021-12-18得票数 30
回答已采纳
2回答
我已经为我的react库预装了顺风css，并添加了一个名为build的脚本，但是运行它，npm运行build它会给我以下错误：‘’不仅不能被识别为内部或外部命令。
package.json文件
{
"name": "react-firebase-authentication",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.
浏览 15提问于2021-10-21得票数 1
回答已采纳
1回答
摘要 在创建一个新项目并尝试在其中使用craco时，我遇到了一个我不理解的错误。 我所拥有的 错误看起来像这样... $ craco start
(node:125281) UnhandledPromiseRejectionWarning: TypeError [ERR_INVALID_ARG_VALUE]: The argument 'id' must be a non-empty string. Received ''
at Module.require (internal/modules/cjs/loader.js:1084:11)
at
浏览 316提问于2021-04-16得票数 4
回答已采纳
1回答
运行"craco build“时出错 正在执行命令： npm run dist 如果我从同一个文件夹运行npm run build，也会出现同样的错误。 package.json文件中的命令： "scripts": {
"start": "npm run storybook:start",
"dev": "craco start",
"build": "craco build",
"dist": "npm run bu
浏览 42提问于2020-01-29得票数 1
我想在使用create-react- devServer创建的应用程序中自定义webpack应用程序配置，如下所示： devServer: {
disableHostCheck: true,
} 我尝试将其添加到我的启动脚本中，如下所示： "scripts": {
"start": "react-scripts start --devServer.disableHostCheck=true",
"build": "react-scripts build",
"t
浏览 9提问于2020-12-27得票数 0
我使用npm create-react-app命令创建了一个React JS应用程序。在这个项目中，我想使用Tailwind CSS，所以我安装并使用了中显示的Craco。
但从那以后，我的js代码根本不能编译。
我想知道如何解决这个问题，并为我的js代码关联一个编译器到Craco，比如babel。
以下是我在package.json中设置的脚本：
"scripts": {
"start": "craco start",
"build": "craco build",
"test": &
浏览 2提问于2021-10-28得票数 1
编辑：这个问题现在被废弃了，因为3.0.0版的“顺风”可以使用react，而不必使用CRACO。
当尝试在JIT模式下使用Tailwind with时，即使在刷新页面之后，我添加的类也没有样式。为了使样式生效，我必须重新启动服务器。
tailwind.config.js：
module.exports = {
mode: "jit",
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
...
}
craco.config.js：
module.exp
浏览 3提问于2021-10-25得票数 6
回答已采纳
如图所示，WebStorm通过react-scripts test --testNamePattern=pattern启动测试，但是，考虑到我使用craco覆盖webpack配置，并且通常使用env-cmd加载环境变量(例如，env-cmd -f .env.staging && yarn test)，我想定制测试命令。
现在，将其更改为craco test --testNamePattern=pattern就足够了。
有可能吗？
浏览 0提问于2020-02-20得票数 0
回答已采纳
我有一个非常复杂的monorepo，我最近更新到了Yarn 3，在那里我还更新了构建特定的包，比如webpack、react-scripts和@craco.craco。
然而，我已经设法让所有的工作，但从最近，我得到了随机。
The "path" argument must be of type string. Received an instance of Buffer
运行错误(如运行时)yarn workspace @apps/app1 build。我注意到重新加载了VSCode中的窗口几次，解决了这个问题。
造成这一错误的原因是什么？还有其他人遇到过类似的问题吗？
谢谢
浏览 12提问于2022-04-08得票数 1
回答已采纳
在将react脚本升级到v5之后，craco start无法正常工作。应用程序开始时没有错误，但在浏览器中，有一个空白页，如果我打开检查器，我只看到index.html代码没有反应代码。它的反应很好--脚本@4.0.3。这是我当地的档案；
package.json
{
"name": "test-app",
"private": true,
"version": "0.1.0",
"browserslist": [
">0.2%",
"n
浏览 49提问于2022-02-23得票数 7
回答已采纳
我在和之后安装和配置了craco。我做到了
sudo yarn global upgrade create-react-app
create-react-app craco-getting-started
yarn add react-scripts typescript @types/react @types/react-dom
并创建了必要的文件
public/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="u
浏览 3提问于2020-01-19得票数 0
我一直在使用react脚本+ craco组合使用@ckeditor构建一个项目，但不幸的是，随着最近对某些依赖项的更新，我不再能够构建该项目(过去一个月左右)。
因此，当我运行npm run build (基本上是craco build (但在尝试react-scripts build时是相同的)时，我得到以下错误：
Creating an optimized production build...
Failed to compile.
Cannot read properties of undefined (reading 'includes')
将控制台日志添加到reac
浏览 10提问于2022-07-20得票数 0
我有一个应用程序与创建反应应用程序，并想使用它的故事书。
我的应用程序使用scss模块，所以我使用来确保我的全局scss变量和混合在我的scss模块中可用。我的CRACO配置如下所示：
const sassResourcesLoader = require('craco-sass-resources-loader');
const sassInject = require.resolve('./src/css/global.scss');
module.exports = {
plugins: [
{
plugin: sassResou
浏览 108提问于2021-05-14得票数 0
我正在尝试使用create-react-app --template typescript安装程序来安装TailwindCSS 2.0，但是我一直在运行错误。我已经遵循了他们网站上的react https://tailwindcss.com/docs/guides/create-react-app文档，但是当我尝试npx tailwind init时，我得到了错误的Cannot find module 'autoprefixer'。我也试着环顾四周，看看其他人是如何做的，但我也遇到了其他问题，有人知道设置顺风的替代方法吗？谢谢! 这是我的package.json "
浏览 8提问于2020-12-07得票数 0
我使用的是Tailwind v2，当我将它升级到v3时，它给了我Postcss 8错误(错误: PostCSS插件尾翼需要PostCSS 8。)。我试图解决这个错误，但没有成功。有没有办法让我用Tailwind来回应Js。
"name": "frontend",
"version": "0.1.0",
"private": true,
"dependencies": {
"@craco/craco": "^6.4.0",
"@f
浏览 11提问于2022-01-07得票数 2
回答已采纳
1回答
这就是我的package.json文件的样子。 "scripts": {
"start": "yarn run watch-css && craco start",
"build": "yarn run build-css && craco build",
"test": "craco test",
"eject": "react-scripts eject",
"build-css":
浏览 12提问于2021-08-10得票数 1
1回答
当我将项目部署到Heroku时，出现了此错误。它在当地起作用。从TalwindUI获取这个Nav后，我得到了这个错误
"dependencies": {},
"devDependencies": {
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"react": ">=17.0.1",
浏览 1提问于2021-07-23得票数 0
回答已采纳
1回答
我在试着部署我的反应性应用程序来上网。但tailwindCSS似乎不起作用。我没有错误信息或任何东西，所以不知道该走哪条路。部署是成功的。我正在检查所有的答案和其他论坛，但没有解决我的问题。尝试不同的构建，并推动不同的设置，但只是得到一个普通的HTML页面没有样式。
我的package.json
{
"name": "benji-portfolio",
"version": "0.1.0",
"private": true,
"dependencies": {
"@c
浏览 0提问于2021-08-25得票数 0
回答已采纳
3回答
我试着在中设置JIT，但它似乎不起作用，因为样式中没有更新。我使用craco来用顺风css构建应用程序，还添加了顺风mode=WATCH，就像他们建议的那样让它与大多数构建一起工作。以下是我的心声：
tailwind.config.js
module.exports = {
mode: "jit",
purge: ["./src/**/*.{js,jsx,ts,tsx}", "./public/index.html"],
darkMode: false, // or 'media' or 'class'
theme
浏览 3提问于2021-08-02得票数 5
回答已采纳
1回答
我试图发布我的单一网页网站到github网页，但我遇到了一个问题。当我转到我的网站的链接时，它会给我一个404错误：“未找到文件。在这个地址配置的站点不包含所请求的文件。如果这是您的站点，请确保文件大小写与URL匹配。对于根URL(如)，必须提供一个index.html文件。”
我看过文档，看过视频，也查过其他有这个问题的人，但什么也解决不了。
我有一个主板和一个高页的分支。现在我已经把它设置为从h页的分支构建。如果我把它改为main，我会得到同样的问题。
这是我的package.json文件：
"homepage": "http://bpyle02.github.
浏览 2提问于2021-12-05得票数 2
回答已采纳
编辑：为了遵守堆栈溢出准则并使事情对我们所有人都很容易，我提交了一个可复制的小示例，它复制了我的bug：
编辑2:如果有帮助，我将使用asdf版本v0.8.0-c6145d0来管理nodejs安装：
~ $ whereis node
node: /usr/bin/node /usr/include/node /home/jorge/.asdf/shims/node /usr/share/man/man1/node.1.gz
~ $ node --version
v14.2.0
~ $ whereis yarn
yarn: /home/jorge/.asdf/shims/yarn
~ $ wh
浏览 6提问于2020-11-28得票数 2
回答已采纳
1回答
未能安装craco
、、、
npm ERR! While resolving: frontend@0.1.0
npm ERR! Found: react-scripts@5.0.0
npm ERR! node_modules/react-scripts
npm ERR! react-scripts@"^5.0.0" from the root project
npm ERR! peer react-scripts@"^5.0.0" from craco-esbuild@0.5.0
npm ERR! node_modules/craco-esbuild
npm ERR!
浏览 8提问于2022-01-29得票数 3
1回答
我正在尝试在我的Create-React-App项目中设置TailwindCSS，并且我正在尝试安装craco，这样我就不需要弹出我的CRA
当我运行以下命令npm install @craco/craco时，我得到unable to resolve dependency tree错误。下面是错误的详细信息。我该怎么办？谢谢
npm install @craco/craco
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving:
浏览 3提问于2021-04-12得票数 2
我正在为生产建立一个码头形象。我正在努力缩小使用docker build构建的图像的最终大小。我尝试使用多阶段的方法来构建这个之后的图像本身，所以我有一些使用serve的更改。
我想要构建只安装依赖项和..。
与serve一起服务。
以前的Dockerfile是这样的。
Dockerfile.staging
FROM node:14.19.1-alpine
WORKDIR /app
COPY package*.json ./
COPY yarn.lock ./
RUN yarn install
COPY . .
RUN yarn build:staging
RUN yarn g
浏览 14提问于2022-05-02得票数 0
我已经编写了一个使用组件使用不同urls的响应应用程序，我正在尝试使用docker来部署它。当我运行npm时，构建一切正常，所以问题可能在我的Dockerfile中。我得到的错误是404没有找到nginx/1.21.4
# build environment
FROM node:14.18.1 as build
WORKDIR /app
# ENV PATH /app/node_modules/.bin:$PATH
#COPY package.json /app/package.json
#RUN npm install --silent
#RUN npm install react-scri
浏览 2提问于2021-12-18得票数 0
回答已采纳
当我使用反应性路由器-dom 6的路由时，我会看到两个不同的错误：
TypeError:无法构造“未定义”或“null”的属性“路径名”
C:/Users/FAMILIA/Desktop/packages/react-router/index.tsx:281 : TypeError:无法读取未定义的属性(读取“路径名”)，并从react路由器的文件中显示以下代码:TypeError
设{ pathname = "/"，search = ""，散列= ""，state = null，
我尝试过的:再次安装，将历史依赖项更新到
浏览 9提问于2021-11-07得票数 1
在更新“react”："4.0.3" to “react scripts”："5.0.1“之后得到错误，让我知道为什么会有这个错误，或者如何修复这个错误.
错误出现在./node_modules/mime-type/index.js 15:14-37
模块未找到:错误:无法解析'C:\work\sams-frontend-su\node_modules\mime-types‘中的“路径”
破坏变化: webpack <5用于默认情况下包含node.js核心模块的填充。现在情况不再是这样了。验证是否需要此模块，并为其配置一个多填充。
如果您想要包含一个多填充
浏览 7提问于2022-05-10得票数 6
1回答
这是一种独特的情况，因为我需要使用来自服务器的CORS头来响应，但是服务器是一个运行react应用程序的创建反应应用服务器。
我有两个react应用程序，app1 (端口3002)，app2 (端口3001)和1个后端(端口3000)。当我从app1向后端(/api)发出请求时，它会将302重定向发送到app2。这会导致浏览器抛出CORS错误，因为app2不会用access-control-allow-origin头来响应飞行前选项请求。是否有方法配置header服务器以响应此标头？或者这些头可以通过app1上的代理添加？
错误
访问XMLHttpRequest at '‘(从’重定向
浏览 8提问于2021-04-20得票数 0
1回答
我需要创建一个，我想使用CRA，因为我想引用主应用程序的代码，它也是用CRA编写的。
我尝试了，但它只转换JS代码，保留所有其他文件(CSS、SVG)，并且我的库的用户不在CRA上，因此SVG支持不存在。
// babel.config.js
module.exports = function (api) {
api.cache(true);
const presets = ["@babel/preset-env", "@babel/preset-react"];
const plugins = ["macros"];
浏览 4提问于2022-03-07得票数 2
有人能告诉我为什么我不能在开发服务器上启动我的网站项目吗？
我在Windows 10上克隆了一个文件，这个在我的Mac操作系统上很好用.在它死前：‘(请随意尝试这个项目：
当我运行npm start时，我收到以下消息
> just2connect@0.1.0 start C:\Users\Ed\Desktop\Coding\React\j2c
> craco start
'craco' is not recognized as an internal or external command,
operable program or batch file.
npm
浏览 34提问于2021-03-26得票数 9
1回答
当开发人员运行在package.json中设置为"analyze": "craco build --analyze-only"的yarn analyze时，我想在我的react应用程序中添加一个bundle-analyzer。 我确实读了craco的手册，但是没有找到任何解决这个问题的方法。我现在的配置如下： const progressBar = require('./progressBar.webpack.config');
const BundleAnalyzerPlugin = require('webpack-bundle-a
浏览 38提问于2021-05-09得票数 1
回答已采纳
1回答
我已经创建了一个web应用程序在React与。在我的开发过程中的某个地方，我的开发服务器的启动时间急剧增长。现在大约需要8分钟才能发射。我正在使用Craco修改我的Webpack配置和编译我的较少的主题，但我可以确认，没有Craco的启动需要同样长的时间。当我使用Craco和Webpackbar运行我的服务器时，我可以看出大部分的启动时间都是由node_modules中的babel-加载程序转换文件占用的，所以我怀疑这要么是我的信任的问题，要么是我的依赖关系的问题。该项目是用TypeScript编写的，除了反作用之外，我最大的两个依赖项是antd (antd)和antd(@antd/图标)。
浏览 13提问于2021-12-10得票数 3
1回答
我遵循了顺风网站上的教程，我不能将顺风应用到我的项目中。我真的不明白..。以下是我的档案:)
App.css
@tailwind components;
@tailwind utilities;
app.tsx
import { Pokemon } from "./Pokemon";
export default function App() {
return <Pokemon />;
}
index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
index.tsx
impo
浏览 10提问于2022-11-14得票数 0
我有一行简单的代码： const target = e.target as HTMLLIElement; 我得到了这个错误： Line 18:28: Parsing error: Missing semicolon
> 18 | const target = e.target as HTMLLIElement;
| ^ 我已经看了几十篇与我的问题相似的不同帖子，但没有一个与我的问题恰到好处地匹配，或者他们的解决方案与我的项目不太相关。例如，有些遇到了eslint问题，但我没有安装eslint包。这是我的pac
浏览 129提问于2021-05-06得票数 5
回答已采纳
如何在create/ @craco中使用"localidentname“更改类名模式，如下面所述：我使用dart-sass作为样式。
package.json
{
"name": "client",
"version": "0.1.0",
"private": true,
"dependencies": {
"@craco/craco": "^6.4.3",
...
"rea
浏览 4提问于2022-08-16得票数 2
我正在向Heroku部署一个Express应用程序(Node.js/React)，并使用Heroku仪表板中的Settings中的配置vars在Heroku中设置了我的env vars。在服务器端，我可以使用process.env访问它们，没有任何问题。但是，在我的客户端，我的process.env vars正在返回undefined。
我用REACT_APP作为前缀，这个问题似乎与在Heroku部署的构建阶段调用的craco build脚本有关。如果我将其设置为react-scripts build，环境变量就会像预期的那样运行，但是，我的TailwindCSS配置会失败。
我也可以在客户机
浏览 8提问于2021-11-23得票数 7
1回答
我使用create-react-app作为脚手架，tsconfig -path作为我的tsconfig的扩展，因为create-react-app在运行时会删除我的路径。我已经使用这个设置一年了，我对它没有任何问题，但是最近当我从头开始创建一个项目时，它不再工作了 tsconfig.json： {
"extends": "./tsconfig-paths.json",
"compilerOptions": {
"target": "es5",
"lib": [
浏览 28提问于2021-06-24得票数 0
当我想对项目前端运行默认测试时，我将使用ASP.NET样板Web应用程序，而npm测试将面临以下错误：
FAIL src/App.test.tsx
● Test suite failed to run
D:\Taratech\safe\reactjs\node_modules\antd\es\spin\style\index.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){import '
浏览 15提问于2022-08-13得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
