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

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

相关推荐
烛阴15 分钟前
void 0 的奥秘:解锁 JavaScript 中 undefined 的正确打开方式
前端·javascript
初遇你时动了情33 分钟前
腾讯地图 vue3 使用 封装 地图组件
javascript·vue.js·腾讯地图
dssxyz37 分钟前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
ohMyGod_1233 小时前
React16,17,18,19新特性更新对比
前端·javascript·react.js
前端小趴菜053 小时前
React-forwardRef-useImperativeHandle
前端·vue.js·react.js
@大迁世界3 小时前
第1章 React组件开发基础
前端·javascript·react.js·前端框架·ecmascript
一瓣橙子3 小时前
7.7日 实验03-Spark批处理开发(2)
开发语言·javascript·ajax
Hilaku3 小时前
从一个实战项目,看懂 `new DataTransfer()` 的三大妙用
前端·javascript·jquery
爱分享的程序员3 小时前
前端面试专栏-算法篇:20. 贪心算法与动态规划入门
前端·javascript·node.js
我想说一句3 小时前
事件委托与合成事件:前端性能优化的"偷懒"艺术
前端·javascript