我从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
有什么提示吗,我应该对代码做什么修改?
2条答案
按热度按时间nbysray51#
首先在根文件夹(不是src文件夹)的终端运行
npm install
,这将需要一段时间,因为它将安装package.json中的所有包。然后运行npm run dev
,这将在浏览器中启动它,最有可能在localhost:3000中。希望这能解决你的问题。b5buobof2#
删除
StrictMode