- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个使用 create-react-app
创建的简单 React 应用程序在本地主机上运行良好。我现在正在尝试 Dockerify 应用程序。这是我的 package.json:
{
"name": "yeet",
"version": "0.1.0",
"engines": {
"node": "12.x"
},
"scripts": {
"client": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"start": "node server.js",
"production": "npm run build && npm run start"
},
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"axios": "^0.21.0",
"body-parser": "^1.19.0",
"cors": "^2.8.5",
"express": "^4.17.1",
"express-session": "^1.17.1",
"mongoose": "^5.10.13",
"mysql": "^2.18.1",
"react": "^17.0.1",
"react-dom": "^17.0.1",
"react-scripts": "4.0.0",
"web-vitals": "^0.2.4"
},
"devDependencies": {
"babel-core": "*",
"babel-loader": "*",
"babel-preset-es2015": "*",
"babel-preset-react": "*",
"babel-preset-stage-0": "*"
},
"babel": {
"presets": [
"@babel/env",
"@babel/react",
"babel-preset-stage-0"
],
"env": {
"start": {
"presets": [
"@babel/env",
"@babel/react",
"babel-preset-stage-0"
]
}
}
}
}
这是我的 Dockerfile:
# Specify base image
FROM node:12.19.0-alpine3.10
# Specify app location in host
WORKDIR /app
# Copy the dependency list
COPY package.json ./
# Install app dependencies
RUN npm install
# Copy app code to host
COPY . .
# Open specified port
EXPOSE 3000:3000
# Start the app
CMD ["npm", "run", "production"]
我用以下方法构建图像:
docker build --tag yeet .
然后我将图像作为容器运行:
docker run --publish 3000:3000 yeet
这抛出:
yeet@0.1.0 production /appnpm run build && npm run start
yeet@0.1.0 build /appreact-scripts build
/app/node_modules/eslint-webpack-plugin/dist/options.js:62 (0,_schemaUtils.default)(_options.default, options, {^
TypeError: (0 , _schemaUtils.default) is not a functionat getOptions (/app/node_modules/eslint-webpack-plugin/dist/options.js:62:28)at new ESLintWebpackPlugin (/app/node_modules/eslint-webpack-plugin/dist/index.js:30:44)at module.exports (/app/node_modules/react-scripts/config/webpack.config.js:749:7)at Object. (/app/node_modules/react-scripts/scripts/build.js:67:16)at Module._compile (internal/modules/cjs/loader.js:1015:30)at Object.Module._extensions..js (internal/modules/cjs/loader.js:1035:10)at Module.load (internal/modules/cjs/loader.js:879:32)at Function.Module._load (internal/modules/cjs/loader.js:724:14)at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:60:12)at internal/main/run_main_module.js:17:47 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! yeet@0.1.0 build:
react-scripts build
npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the yeet@0.1.0build script. npm ERR! This is probably not a problem with npm. Thereis likely additional logging output above.npm ERR! A complete log of this run can be found in: npm ERR!
/root/.npm/_logs/2020-11-07T12_47_03_927Z-debug.log npm ERR! codeELIFECYCLE npm ERR! errno 1 npm ERR! yeet@0.1.0 production:npm run build && npm run start
npm ERR! Exit status 1 npm ERR! npm ERR!Failed at the yeet@0.1.0 production script. npm ERR! This isprobably not a problem with npm. There is likely additional loggingoutput above.npm ERR! A complete log of this run can be found in: npm ERR!
/root/.npm/_logs/2020-11-07T12_47_03_923Z-debug.log
最佳答案
我确实有同样的问题。
如果它在本地运行,我不确定删除或降级库的其他解决方案。
为了解决这里,我跑了
docker container prune
docker image prune
在开始构建之前确保我的 docker 是干净的。
yarn.lock
或
package-lock.json
.
.git
.gitignore
node_modules
build
Dockerfile.dev
FROM node:alpine
WORKDIR /app
COPY package.json /app
RUN yarn install
COPY . .
CMD ["yarn", "start"]
docker-compose.dev.yml
version: "3.8"
services:
print:
stdin_open: true
build:
context: .
dockerfile: Dockerfile.dev
ports:
- "3000:3000"
volumes:
- ".:/app"
- "/app/node_modules"
Dockerfile.prod
FROM node:alpine as build
WORKDIR /app
COPY package.json /app
RUN yarn install
COPY . /app
RUN yarn run build
FROM nginx:stable-alpine
COPY ./nginx/nginx.conf /etc/nginx/conf.d/default.conf
COPY --from=build /app/build /usr/share/nginx/html
docker-compose.prod.yml
version: "3.8"
services:
print:
stdin_open: true
build:
context: .
dockerfile: Dockerfile.prod
ports:
- "80:80"
配置文件
server {
listen 80;
server_name frontend;
location / {
root /usr/share/nginx/html;
index index.html;
try_files $uri /index.html;
}
}
运行
docker-compose.exe -f .\docker-compose.yml up --build
关于node.js - TypeError : (0 , _schemaUtils.default) 不是函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64727837/
我有一个使用 create-react-app 创建的简单 React 应用程序在本地主机上运行良好。我现在正在尝试 Dockerify 应用程序。这是我的 package.json: { "na
我是一名优秀的程序员,十分优秀!