craco配置别名报错 Field ‘browser‘ doesn‘t contain a valid alias configuration

最新推荐文章于 2024-04-24 17:29:54 发布
原创 最新推荐文章于 2024-04-24 17:29:54 发布 · 1.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react #前端

本文指导如何在遇到路径找不到的问题时，通过修改craco.config.js配置文件和适当调整package.json来解决。适合前端开发者处理常见配置难题。

使用别名找不到路径

craco.config.js配置文件

package.json文件修改为最后一张图就可

 

 

 

 

react webpack 启动 Field ‘browser‘ doesn‘t contain a valid ali
YAOYU007的博客
05-29 3053
在react 脚手架项目中配置webpack , 启动时报错如图
React使用craco配置项目及配置别名-不使用eject
R的博客
07-08 1950
目录操作步骤1.安装依赖2.根目录下创建 craco.config.js3.修改 package.json 中的 scripts4.根目录下创建 jsconfig.json 须知: 适用于使用 create-react-app 创建项目,不想 eject 项目但想对项目中 wepback 进行自定义配置的开发者 使用 react-scripts4 需要将 craco 更新至 6.0 版本，如果用 react-scripts3 那就还用 craco5 可实现以下效果 antd 组件按需加载 支持 le
Field ‘browser‘ doesn‘t contain a valid alias configuration
qq_50904696的博客
01-10 2487
Module not found: Error: Can't resolv ‘xxxxxxx’ Field 'browser' doesn't contain a valid alias configuration
webpack - 引入css-loader加载器打包css文件时报错： Field ‘browser‘ doesn‘t contain a valid alias configuration
zigzag786的博客
05-11 1230
webpack - 引入css-loader加载器 打包css文件时报错： Field 'browser' doesn't contain a valid alias configuration
craco别名配置
ben_grf的博客
12-09 1375
craco版本：6.3.0 1.安装craco-alias yarn add craco-alias 2.craco.config.js配置 const CracoAlias = require("craco-alias"); const WebpackBar = require("webpackbar"); const path = require("path"); module.exports = { plugins: [ { plugin: CracoAlias,
CRA应用使用craco实现webpack配置+module.less+src别名配置+企业级路由配置等一系列基本配置
yiguoxiaohai的博客
05-12 2763
create-react-app + craco修改webpack配置 + module.less + @别名配置src + 样式重置 + 自动注入全局样式或变量 + 代码混淆 + 企业级路由配置 + 配置 keep-alive + 控制台调试+构建产物分析+设计稿的比例和单位转换 + 代码格式化
craco的配置
DanteKing的博客
01-23 2003
react项目craco插件的配置
使用 craco后react项目启动报错`TypeError: Cannot read properties of undefined (reading ‘push‘)`
m0_54088427的博客
04-01 4901
使用 craco对 create-react-app 的默认配置进行自定义时踩的坑 TypeError: Cannot read properties of undefined (reading 'push') 本人在学习react过程中，按照Ant-Design官网的教程学习使用 create-react-app 一步步地创建一个 TypeScript 项目，并引入 antd时遇到的问题. 前期按照官网的步骤一步一步进行很是顺利,当我在学习高级配置部分,使用craco对 create-react-app
react中使用craco自定义配置
qq_45290368的博客
12-10 830
react中使用craco自定义配置
给路径设置别名， 借助于 craco
BLUEHEART
02-15 448
React 中给路径设置别名 借助 craco 实现。 craco.config.json const path = require("path"); const resolve = dir => path.resolve(__dirname, dir); module.exports = { ..... webpack: { alias: { "@": resolve("src"), "components": resolve("src/components"
REACT-通过craco配置别名和less文件-以及问题解决办法
kuokoukele的博客
09-15 2517
REACT-关于创建项目配置别名版本冲突问题 react-通过craco配置别名和less文件-以及问题解决办法
macOS执行npm run build的时候报错 Field 'browser' doesn't contain a valid alias configuration
热门推荐
weixin_41628649的博客
03-31 2万+
执行npm run build的时候报错 Field 'browser' doesn't contain a valid alias configuration ERROR in multi ./src/styles.scss Module not found: Error: Can't resolve“ ” ___________________________________ 编译器...
安装webpack出错
weixin_48881917的博客
04-03 3489
webpack安装
angular2+安装onsen-ui
kikyou_csdn的博客
08-22 490
使用npm安装Onsen UI Core（onsenui）和Angular（ngx-onsenui）的绑定库 npm install onsenui ngx-onsenui --save 在app.module.ts中添加OnsenModule、加载CUSTOM_ELEMENTS_SCHEMA import { BrowserModule } from '@angul...
webpack生成bundle.js文件出错
m0_47506450的博客
03-22 1617
用webpack ./src/main.js ./dist/bundle.js 命令生成出现错误 解决办法：将webpack ./src/main.js ./dist/bundle.js 改成 webpack ./src/main.js -o ./dist/bundle.js ERROR in main Module not found: Error: Can’t resolve ‘./dist/bundle.js’ in ‘/Users/chenzhicheng/WebstormProjects/w
求解决 webpack一直打包不了啊啊啊
wms_swag的博客
07-17 1149
求解决 webpack一直打包不了啊啊啊 F:\sublime\VUE-deep\webpack-study>webpack .\src\main.js -o .\dist\bundle.js asset bundle.js 662 bytes [compared for emit] (name: main) ERROR in main Module not found: Error: Can't resolve '.\src\main.js' in 'F:\sublime\VUE-deep\we
SCSS中使用相对路径引入图片，报错“Field ‘browser‘ doesn‘t contain a valid alias configuration after using descript
最新发布
wentingya的博客
04-24 270
SCSS中使用相对路径引入图片，报错“Field 'browser' doesn't contain a valid alias configuration after using descript
简化配置的Craco预设，优化React项目中Storybook体验
Craco（Create React App Configuration Override）是一个允许你对create-react-app创建的项目进行配置覆盖的工具。这一次，我们讨论的是叫做storybook-preset-craco的预设配置，它旨在与Craco结合使用，进一步简化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wen's

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值