文章/答案/技术大牛

发布

社区首页 >问答首页 >关于react和react-dom依赖关系的问题

问关于react和react-dom依赖关系的问题
EN

Stack Overflow用户

提问于 2020-08-11 22:35:36

回答 1查看 74关注 0票数 0

我开始学习ReactJS了。我的计算机上安装了node。我正在写一个基本的"Hello World“程序，看看我的设置是否正常。

package.json文件为：

  {
  "name": "part1",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "type": "module",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "react": "^16.13.1",
    "react-dom": "^16.13.1"
  }
}

Javascript和HTML文件如下-

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Part1</title>
    <link href="style.css" rel="stylesheet">
</head>
<body>
    <div id="root">


    </div>
    <script src="index.js" ></script>
</body>
</html>

Javascript

import React from "react";
import ReactDOM from "react-dom";

ReactDOM.render(<h1>"Hello world"</h1>,document.getElementById("root"));

但是，当我在浏览器上的html文件上运行此命令时，我在控制台中得到一个错误:未捕获导入:无法在模块外使用SyntaxError语句，并且没有显示任何输出。我正在使用VSCode，当我使用内置运行运行脚本时，我得到一个错误，指出要运行ES在package.json中添加类型:模块，这是我理解的，因为内置运行可能在节点上运行，但是为什么浏览器和实时服务器上也有这个问题？这是设置问题、语义问题还是任何其他技术问题。我该如何解决这个问题？

当我使用npm start运行时，以下是错误日志-

0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'start' ]
2 info using npm@6.14.6
3 info using node@v12.18.3
4 verbose stack Error: missing script: start
4 verbose stack     at run (/usr/local/lib/node_modules/npm/lib/run-script.js:155:19)
4 verbose stack     at /usr/local/lib/node_modules/npm/lib/run-script.js:63:5
4 verbose stack     at /usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:116:5
4 verbose stack     at /usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:436:5
4 verbose stack     at checkBinReferences_ (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:391:45)
4 verbose stack     at final (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:434:3)
4 verbose stack     at then (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:161:5)
4 verbose stack     at ReadFileContext.<anonymous> (/usr/local/lib/node_modules/npm/node_modules/read-package-json/read-json.js:350:20)
4 verbose stack     at ReadFileContext.callback (/usr/local/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:123:16)
4 verbose stack     at FSReqCallback.readFileAfterOpen [as oncomplete] (fs.js:261:13)
5 verbose cwd /Users/pk/Desktop/Learning-react/part1
6 verbose Darwin 19.3.0
7 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "start"
8 verbose node v12.18.3
9 verbose npm  v6.14.6
10 error missing script: start
11 verbose exit [ 1, true ]

javascript

html

node.js

reactjs

回答 1

Stack Overflow用户

发布于 2020-08-11 22:43:25

Ciao，试着像这样修改你的index.html文件：

<div id="root"></div>

一切都会好起来的。

查看this示例。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63360447

复制

相似问题

问关于react和react-dom依赖关系的问题
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关于react和react-dom依赖关系的问题EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问关于react和react-dom依赖关系的问题
EN