我在我的项目中使用反应模板 - React Isomorphic Redux Admin Dashboard
尝试使用此模板编译反应应用程序:
1. npm install
yarn install
2.npm run build dev
或yarn run build
每次我在使用时遇到这个错误yarn
,例如:
yarn run v1.13.0
$ node build && node copy
创建优化的生产版本...
编译失败。
./node_modules/nprogress/nprogress.css
模块构建失败:BrowserslistError: Unknown browser querydead
at Array.forEach ()
尝试编译反应应用程序时出现 BrowserslistErroryarn
当我使用时,npm
我得到相同的错误,但....css
文件不同。尝试编译反应应用程序时出现 BrowserslistError
错误npm
npm
isomorphic@2.9.3 build /Users/romank/code/instagram/public
node build && node copy "dev"创建优化的生产版本...
编译失败。./src/containers/App/global.css
模块构建失败:BrowserslistError: Unknown browser querydead
at Array.forEach ()npm 错误!代码 ELIFECYCLE
npm 错误!errno 1
npm 错误!isomorphic@2.9.3 构建:node build && node copy "dev"
npm ERR!退出状态 1
npm ERR!
npm 错误!在 isomorphic@2.9.3 构建脚本中失败。
npm 错误!这可能不是 npm 的问题。上面可能有额外的日志输出。npm 错误!可以在以下位置找到此运行的完整日志:
npm ERR!/Users/romank/.npm/_logs/2019-02-21T15_10_28_618Z-debug.log
这是我的 package.json :
{
"name": "isomorphic",
"version": "2.9.3",
"private": true,
"dependencies": {
"antd": "^3.6.5",
"antd-local-icon": "^0.1.3",
"auth0-lock": "^11.1.2",
"autoprefixer": "7.1.6",
"babel-core": "6.26.0",
"babel-eslint": "7.2.3",
"babel-jest": "20.0.3",
"babel-loader": "^8.0.2",
"babel-preset-react-app": "^3.1.0",
"babel-runtime": "6.26.0",
"card-react": "^1.2.7",
"case-sensitive-paths-webpack-plugin": "2.1.1",
"chalk": "1.1.3",
"chart.js": "^2.5.0",
"classnames": "^2.2.5",
"clone": "^2.1.1",
"cp": "^0.2.0",
"cp-cli": "^1.1.2",
"cp-file": "^6.0.0",
"cp-folder": "^1.0.8",
"css-loader": "0.28.7",
"d3-shape": "^1.0.6",
"dotenv": "4.0.0",
"enzyme-adapter-react-16": "^1.1.1",
"enzyme-react-intl": "^1.4.8",
"eslint": "4.10.0",
"eslint-config-react-app": "^2.0.1",
"eslint-loader": "1.9.0",
"eslint-plugin-flowtype": "2.39.1",
"eslint-plugin-import": "2.8.0",
"eslint-plugin-jsx-a11y": "5.1.1",
"eslint-plugin-react": "7.4.0",
"express": "^4.15.3",
"extract-text-webpack-plugin": "3.0.2",
"file-loader": "1.1.5",
"firebase": "^5.2.0",
"fixed-data-table-2": "^0.8.8",
"frappe-charts": "^0.0.8",
"fs-extra": "^7.0.0",
"globalize": "^1.2.3",
"history": "^4.6.3",
"html-webpack-plugin": "2.29.0",
"immutable": "^3.8.1",
"immutable-devtools": "^0.0.7",
"jest": "20.0.4",
"js-info-bubble": "git+https://github.com/RedQ/js-info-bubble.git",
"js-rich-marker": "^1.1.2",
"lodash": "^4.17.4",
"moment": "^2.18.1",
"nprogress": "^0.2.0",
"object-assign": "4.1.1",
"polished": "^1.7.0",
"postcss-flexbugs-fixes": "3.2.0",
"postcss-inline-rtl": "^0.9.8",
"postcss-loader": "2.0.8",
"promise": "8.0.1",
"prop-types": "^15.5.10",
"raf": "3.4.0",
"react": "^16.2.0",
"react-addons-shallow-compare": "^15.5.2",
"react-big-calendar": "^0.17.0",
"react-chartjs-2": "^2.5.7",
"react-codemirror": "^1.0.0",
"react-count-down": "^1.1.0",
"react-dates": "12.2.4",
"react-dev-utils": "^4.2.1",
"react-dnd": "^2.3.0",
"react-dnd-html5-backend": "^2.3.0",
"react-dom": "^16.2.0",
"react-drawer": "^1.2.5",
"react-dropzone-component": "^3.0.0",
"react-element-resize": "^0.2.1",
"react-error-overlay": "1.0.6",
"react-flexbox-grid": "^2.0.0",
"react-flip-move": "^2.9.2",
"react-google-charts": "^1.6.0",
"react-grid-layout": "^0.16.2",
"react-instantsearch": "^4.0.7",
"react-intl": "^2.3.0",
"react-ladda": "^5.0.6",
"react-motion-drawer": "^2.1.7",
"react-perfect-scrollbar": "^0.2.0",
"react-placeholder": "^2.0.0",
"react-quill": "^1.2.0",
"react-redux": "^5.0.4",
"react-router": "^4.1.1",
"react-router-dom": "^4.1.0",
"react-router-redux": "^5.0.0-alpha.5",
"react-sidebar": "^2.3.2",
"react-smooth-scrollbar": "^8.0.6",
"react-speech-recognition": "^1.0.4",
"react-tag-input": "^4.7.2",
"react-tags": "^0.2.2",
"react-test-renderer": "^16.2.0",
"react-throttle": "^0.3.0",
"react-trend": "^1.2.3",
"react-vis": "^1.7.2",
"react-window-size-listener": "^1.0.10",
"react-yandex-maps": "^2.3.0",
"react-youtube": "^7.4.0",
"recharts": "^1.0.0-alpha.2",
"redux": "^3.6.0",
"redux-devtools": "^3.3.2",
"redux-devtools-dock-monitor": "^1.1.1",
"redux-devtools-log-monitor": "^1.2.0",
"redux-logger": "^3.0.6",
"redux-saga": "^0.16.0",
"redux-saga-firebase": "0.10.0",
"redux-thunk": "^2.2.0",
"reselect": "^3.0.0",
"rheostat": "^2.1.1",
"rich-marker": "^0.0.1",
"smooth-scrollbar": "^8.2.5",
"style-loader": "0.19.0",
"styled-components": "^2.2.1",
"styled-theme": "^0.3.3",
"sw-precache-webpack-plugin": "0.11.4",
"uppy": "^0.30.0",
"url-loader": "0.6.2",
"webpack": "3.8.1",
"webpack-dev-server": "2.9.4",
"webpack-manifest-plugin": "1.3.2",
"whatwg-fetch": "2.0.3",
"yandex-map-react": "^1.1.1"
},
"devDependencies": {
"@babel/core": "^7.1.0",
"@babel/plugin-proposal-class-properties": "^7.1.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/preset-env": "^7.1.0",
"@babel/preset-react": "^7.0.0",
"babel-polyfill": "^6.26.0",
"enzyme": "^3.2.0",
"enzyme-to-json": "^3.3.0",
"fs-extra": "^7.0.0",
"google-maps-react": "^1.1.0",
"leaflet": "^1.2.0",
"leaflet-routing-machine": "^3.2.5",
"leaflet.markercluster": "^1.0.6",
"mv": "^2.1.1",
"react-app-rewired": "1.4.0",
"redux-mock-store": "^1.2.3",
"webpack-php-loader": "^0.5.0"
},
"scripts": {
"build": "node build && node copy"
},
"jest": {
"collectCoverageFrom": [
"src/**/*.{js,jsx,mjs}"
],
"setupFiles": [
"<rootDir>/config/polyfills.js"
],
"testMatch": [
"<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}",
"<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}"
],
"testEnvironment": "node",
"testURL": "http://localhost",
"transform": {
"^.+\\.(js|jsx|mjs)$": "<rootDir>/node_modules/babel-jest",
"^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",
"^(?!.*\\.(js|jsx|mjs|css|json)$)": "<rootDir>/config/jest/fileTransform.js"
},
"transformIgnorePatterns": [
"[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$"
],
"moduleNameMapper": {
"^react-native$": "react-native-web"
},
"moduleFileExtensions": [
"web.js",
"mjs",
"js",
"json",
"web.jsx",
"jsx",
"node"
]
},
"eslintConfig": {
"extends": "react-app"
}
}
我该如何解决这个错误?有人遇到过这个问题吗?
顺便说一句,无论有无,如何更好地运行npm
andyarn
命令?sudo
谢谢你。