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

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

相关推荐
遂心_2 小时前
JavaScript 函数参数传递机制:一道经典面试题解析
前端·javascript
遂心_3 小时前
深入理解 React Hook:useEffect 完全指南
前端·javascript·react.js
前端Hardy3 小时前
HTML&CSS: 谁懂啊!用代码 “擦去”图片雾气
前端·javascript·css
前端Hardy3 小时前
HTML&CSS:好精致的导航栏
前端·javascript·css
一个不爱写代码的瘦子4 小时前
迭代器和生成器
前端·javascript
前端小书生5 小时前
React 组件渲染
前端·react.js
用户7678797737327 小时前
后端转全栈之Next.js SEO优化
react.js·next.js
源猿人7 小时前
企业级文件浏览系统的Vue实现:架构设计与最佳实践
前端·javascript·数据可视化
RoyLin7 小时前
TypeScript设计模式:迭代器模式
javascript·后端·node.js
小桥风满袖9 小时前
极简三分钟ES6 - ES9中for await of
前端·javascript