我使用 react 16。我想像这样在我的应用程序中呈现门户:
<html>
<body>
<div id="app-root">
<div>...My app stuff</div>
<div id="modal-root">... portal stuff</div> <-- portal content
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
但是官方文档建议在应用程序旁边而不是在应用程序中渲染门户。
<html>
<body>
<div id="app-root"></div>
<div id="modal-root"></div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是使用门户的唯一正确方法吗?
我需要安装依赖项才能在 CI/CD 上构建前端。
文档文件:
FROM node:18.12.1
enter code here
ENV CI="true"
WORKDIR /workdir
COPY package.json package-lock.json /workdir/
RUN npm ci
Run Code Online (Sandbox Code Playgroud)
包.json
{
"name": "v2",
...
"dependencies": {
"formik": "^2.2.9",
"i18next": "^21.9.1",
"lodash": "^4.17.21",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-router-dom": "^6.3.0",
"react-scripts": "5.0.1"
},
"devDependencies": {
"typescript": "^4.9.5"
},
...
}
Run Code Online (Sandbox Code Playgroud)
在容器中我遇到了这个错误:
npm ERR! code EUSAGE
npm ERR!
npm ERR! `npm ci` can only install packages when your package.json and package-lock.json or npm-shrinkwrap.json are in sync. Please update your lock file with …Run Code Online (Sandbox Code Playgroud)