reactjs中出现意外标记“〈”

6rvt4ljy  于 2023-02-22  发布在  React
关注(0)|答案(2)|浏览(605)

我从codesandbox下载了一个项目,它的文件夹结构和索引文件如下所示:

索引.js文件:

const { StrictMode } = require("react");
const ReactDOM=require("react-dom") ;

const App = require("./App")

const rootElement = document.getElementById("root");
ReactDOM.render(
  <StrictMode>
    <App />
  </StrictMode>,
  rootElement
);

运行npm intall后,package.json看起来像这样:

{
  "name": "quill-forms-example",
  "version": "1.0.0",
  "description": "How to create typeform clone easily with React",
  "keywords": [],
  
  "main": "src/index.js",
  "dependencies": {
    "@quillforms/react-renderer-utils": "1.0.25",
    "@quillforms/renderer-core": "1.5.0",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-scripts": "5.0.1"
  },
  "devDependencies": {
    "@babel/runtime": "7.13.8",
    "typescript": "4.1.3"
  },
  "scripts": {
    "build": "react-scripts build"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

我尝试使用VSC中src文件夹内的node index.js运行。但我会在index.js的第8行中得到以下错误:

C:\Users\Shafigh\Downloads\quill-forms-example-forked\src\index.js:8
  <StrictMode>
  ^

SyntaxError: Unexpected token '<'
    at Object.compileFunction (node:vm:360:18)
    at wrapSafe (node:internal/modules/cjs/loader:1088:15)
    at Module._compile (node:internal/modules/cjs/loader:1123:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1213:10)
    at Module.load (node:internal/modules/cjs/loader:1037:32)
    at Module._load (node:internal/modules/cjs/loader:878:12)
    at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:81:12)
    at node:internal/main/run_main_module:23:47

有什么提示吗,我应该对代码做什么修改?

nbysray5

nbysray51#

首先在根文件夹(不是src文件夹)的终端运行npm install,这将需要一段时间,因为它将安装package.json中的所有包。然后运行npm run dev,这将在浏览器中启动它,最有可能在localhost:3000中。希望这能解决你的问题。

b5buobof

b5buobof2#

删除StrictMode

import React from "react";
import ReactDOM from "react-dom/client";
import App from "./App";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
    <App />
);

相关问题