React 项目报错解决办法收录

React 使用 @ 引入文件报错 (react @别名配置craco)

react ,vue 初始项目都是不支持 @ 别名引入文件的。

解决办法 (react 配置方法,参考文章 1)

  1. 在 react 项目根目录下,生成一个 craco.config.js 文件,然后写入下面代码 (跟 package.json 文件同级)
js 复制代码
// craco.config.js  文件
const path = require("path");
module.exports = {
  webpack: {
    alias: {
      "@": path.join(__dirname, "src"),
    },
  },
};
  1. 在 package.json 文件中,重新配置 启动命令(如下)。
json 复制代码
"scripts": {
  "start": "craco start",
  "build": "craco build",
  "test": "craco test",
  "eject": "react-scripts eject"
},

上述操作做完之后,重新启动项目 即可解决因为路径问题的报错.

相关推荐
用户479492835691518 小时前
🤫 你不知道的 JavaScript:`"👦🏻".length` 竟然不是 1?
前端·javascript·面试
xingkongv18 小时前
从“调接口仔”到“业务合伙人”:前端的 DDD 初体验
javascript·前端框架
东北南西18 小时前
Web Worker 从原理到实战 —— 把耗时工作搬到后台线程,避免页面卡顿
前端·javascript
Zz_waiting.18 小时前
案例开发 - 日程管理 - 第六期
前端·javascript·vue.js·路由·router
A 风18 小时前
封装日期选择器组件,带有上周,下周按钮
开发语言·javascript·vue.js
机构师18 小时前
<uniapp><指针组件>基于uniapp,编写一个自定义箭头指针组件
javascript·uni-app·vue·html
小桥风满袖18 小时前
极简三分钟ES6 - 模块化
前端·javascript
bestadc19 小时前
LeetCode 几道 Promises 和 Time 的题目
javascript·算法·leetcode
萌萌哒草头将军20 小时前
Node.js v24.8.0 新功能预览!🚀🚀🚀
前端·javascript·node.js
太空游走的鱼20 小时前
Vue3 + Vite + Element Plus web转为 Electron 应用,解决无法登录、隐藏自定义导航栏
javascript·electron·vue3·管理系统·element plsu