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"
},

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

相关推荐
爱编程的喵14 分钟前
React入门实战:从静态渲染到动态状态管理
前端·javascript
唐叔在学习37 分钟前
不用装插件!3轮对话,我用油猴脚本+AI复刻了掘金闪念笔记,真香!
javascript·浏览器
AliciaIr37 分钟前
深入React事件机制:解密“合成事件”与“事件委托”的底层奥秘
javascript·react.js
元气小嘉1 小时前
前端技术小结
开发语言·前端·javascript·vue.js·人工智能
励志的大鹰哥1 小时前
V少JS基础班之第七弹
开发语言·javascript·ecmascript
cccyi71 小时前
Vue3基础知识
javascript·vue.js
江城开朗的豌豆2 小时前
Vue计算属性:为什么我的代码突然变优雅了?
前端·javascript·vue.js
心.c2 小时前
后台管理系统-权限管理
javascript·react.js·github
杨进军3 小时前
实现 React 函数组件渲染
前端·react.js·前端框架
归于尽3 小时前
被 50px 到 200px 的闪烁整破防了?useLayoutEffect 和 useEffect 的区别原来在这
前端·react.js