首页 > 解决方案 > 当我尝试遵循 ReactJS.org 文档时出错

问题描述

我按照这里的说明进行操作: https ://reactjs.org/tutorial/tutorial.html#setup-option-2-local-development-environment 。

在第 6 步之后,我被要求运行 npm start。这是结果:

在此处输入图像描述

这是脚本中 package.json 的内容:

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },

这是我现在的 index.js 文件:

import ReactDOM from 'react-dom';
import React from 'react';
import './index.css';

基本上我只是跑npx create-react-app my-app并尝试用 .js 文件替换 src 中的内容。

标签: reactjsnpm

解决方案


看起来index.js文件中的前两个字符是一些随机字符。摆脱他们。它应该工作。使用支持 UTF 8 和 BOM 的适当编辑器。

预览

我认为文档没有任何问题。此外,他们说:

我们强烈建议您在学习本教程时手动输入代码,而不是使用复制/粘贴。这将帮助您发展肌肉记忆和更强的理解力。

不仅如此,HTML 可能是使用其他可能添加非可视内容的生成器构建的。从上面的截图可以很明显的看出,行首有两个不可见的内容。请删除它。


推荐阅读