節點 ReactDOM.render 意外令牌'<'

Question

我正在節點中設置一個反應項目，但在“ 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

到目前為止我嘗試了什么：

將節點版本降級到當前穩定版本。
在 package.json 中添加"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>

Answer 1

node不知道jsx，需要用babel轉譯yow代碼

節點 ReactDOM.render 意外令牌'<'

問題描述

1 個解決方案

解決方案1
-1 2021-04-10 16:15:49

節點 ReactDOM.render 意外令牌'&lt;'

問題描述

1 個解決方案

解決方案1 -1 2021-04-10 16:15:49

節點 ReactDOM.render 意外令牌'<'

解決方案1
-1 2021-04-10 16:15:49