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

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

相关推荐
晴殇i10 小时前
前端鉴权新时代:告别 localStorage,拥抱更安全的 JWT 存储方案
前端·javascript·面试
码农刚子10 小时前
ASP.NET Core Blazor简介和快速入门 二(组件基础)
javascript·后端
我是日安11 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
sjin11 小时前
React源码 - 关键数据结构
前端·react.js
不如喫茶去11 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
一枚前端小能手11 小时前
「周更第8期」实用JS库推荐:decimal.j
前端·javascript
Tech_Lin12 小时前
JavaScript Date时间对象的常用操作方法总结
前端·javascript
IT小哥哥呀12 小时前
论文见解:REACT:在语言模型中协同推理和行动
前端·人工智能·react.js·语言模型
一枚前端小能手12 小时前
🚫 请求取消还在用flag?AbortController让你的异步操作更优雅
前端·javascript
JohnYan12 小时前
工作笔记 - VSCode ssh远程开发
javascript·ssh·visual studio code