[英]ReactJS Module build failed: SyntaxError: Unexpected token - ReactDOM.render
[英]node ReactDOM.render Unexpected token '<'
我正在节点中设置一个反应项目,但在“ node index.js
”上出现以下错误
错误:
ReactDOM.render(<BrowserRouter><App /></BrowserRouter>,document.getElementById('root'))
^
SyntaxError: Unexpected token '<'
[90m at Loader.moduleStrategy (internal/modules/esm/translators.js:145:18)[39m
[90m at async link (internal/modules/esm/module_job.js:47:21)[39m
到目前为止我尝试了什么:
"type": "module"
节点版本: v14.16.1
Package.json:
{
"name": "react-routing",
"version": "1.0.0",
"description": "",
"main": "index.js",
"type": "module",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"react": "^17.0.2",
"react-router-dom": "^5.2.0"
}
}
index.js:
import React from 'react'
import ReactDOM from 'react-dom'
import { BrowserRouter, Route, Switch } from "react-router-dom"
import App from "./components/App"
ReactDOM.render(<BrowserRouter><App /></BrowserRouter>,document.getElementById('root'))
索引.html:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="root"></div>
<script src="./index.js" type="text/jsx"></script>
</body>
</html>
node不知道jsx,需要用babel转译yow代码
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.