首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >react app重新连接编译的不是所有开发模式下的文件。

react app重新连接编译的不是所有开发模式下的文件。
EN

Stack Overflow用户
提问于 2020-03-15 23:41:08
回答 1查看 4.6K关注 0票数 1

我运行的项目“反应-应用-重新连线开始”的发展模式。该项目编译时没有错误。

接下来,我在/src/*中编辑任何文件--项目是重新编译的,但是不响应/src/view/* --没有编译!

虽然如果我杀死和重新启动恶魔“反应-应用程序重新连线开始”,该项目将完全编译。为什么会发生这种情况?

package.json

代码语言:javascript
复制
{
  "name": "vuexy-react-admin-dashboard",
  "version": "1.0.0",
  "private": true,
  "dependencies": {
    "@auth0/auth0-spa-js": "^1.6.3",
    "@firebase/app": "^0.5.2",
    "@firebase/database": "^0.5.19",
    "ag-grid-community": "^22.1.1",
    "ag-grid-react": "^22.1.1",
    "apexcharts": "^3.15.3",
    "auth0-js": "^9.12.2",
    "availity-reactstrap-validation": "^2.6.1",
    "axios": "^0.19.2",
    "axios-mock-adapter": "~1.17.0",
    "babel-plugin-react-intl": "^5.1.18",
    "bootstrap": "^4.4.1",
    "chart.js": "^2.9.3",
    "chroma-js": "~2.1.0",
    "classnames": "~2.2.6",
    "draft-js": "^0.11.4",
    "file-saver": "^2.0.2",
    "firebase": "7.8.1",
    "flatpickr": "^4.6.3",
    "formik": "^2.1.3",
    "history": "^4.10.1",
    "intl-messageformat": "^7.8.4",
    "jquery": "~3.4.1",
    "jsonwebtoken": "~8.5.1",
    "leaflet": "^1.6.0",
    "match-sorter": "~4.0.2",
    "moment": "~2.24.0",
    "namor": "^2.0.2",
    "postcss-rtl": "^1.5.0",
    "prismjs": "^1.19.0",
    "prop-types": "~15.7.2",
    "query-string": "^6.10.1",
    "rc-slider": "^9.1.0",
    "react": "^16.12.0",
    "react-apexcharts": "^1.3.6",
    "react-beautiful-dnd": "^12.2.0",
    "react-big-calendar": "^0.24.0",
    "react-bootstrap-sweetalert": "^5.1.9",
    "react-chartjs": "^1.2.0",
    "react-chartjs-2": "^2.9.0",
    "react-contexify": "~4.1.1",
    "react-copy-to-clipboard": "~5.0.2",
    "react-countdown-now": "~2.1.2",
    "react-country-flag": "^2.0.1",
    "react-data-table-component": "^6.2.3",
    "react-dom": "^16.12.0",
    "react-draft-wysiwyg": "^1.14.4",
    "react-dropzone": "^10.2.1",
    "react-feather": "~2.0.3",
    "react-flatpickr": "^3.9.1",
    "react-hammerjs": "^1.0.1",
    "react-id-swiper": "~2.4.0",
    "react-input-mask": "~2.0.4",
    "react-intl": "^3.11.0",
    "react-joyride": "^2.2.1",
    "react-leaflet": "^2.6.1",
    "react-numeric-input": "~2.2.3",
    "react-paginate": "~6.3.2",
    "react-perfect-scrollbar": "^1.5.5",
    "react-redux": "~7.1.3",
    "react-ripples": "^2.2.1",
    "react-router-dom": "~5.1.2",
    "react-scripts": "^3.3.0",
    "react-scroll-up": "~1.3.3",
    "react-select": "~3.0.8",
    "react-sidebar": "~3.0.2",
    "react-table": "~6.10.0",
    "react-toastify": "^5.5.0",
    "react-toggle": "~4.1.1",
    "react-treebeard": "~3.2.3",
    "reactstrap": "^8.4.1",
    "recharts": "~1.8.5",
    "redux": "^4.0.5",
    "redux-debounced": "~0.5.0",
    "redux-thunk": "~2.3.0",
    "styled-components": "^5.0.1",
    "swiper": "^5.3.0",
    "xlsx": "^0.15.5",
    "yarn": "^1.21.1",
    "yup": "^0.28.1"
  },
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-app-rewired eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "devDependencies": {
    "node-sass": "^4.13.1",
    "react-app-rewire-postcss": "^3.0.2",
    "react-app-rewired": "^2.1.5"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "homepage": ""
}

编辑:

下面是重写文件的内容:

  • /config-overrides.js

};

  • /node_modules/react-app-rewired/config-overrides.js = module.exports = => { => (‘react app-rewire-postcss’)( config,{ plugins:=>=>(‘postcss-rtl’)() });返回配置;

const {path}=需要量(‘./’);// .env文件中的//加载环境变量//在需要读取重写脚本之前(paths.scriptVersion+ '/config/env');const重写=要求(paths.configOverrides);const webpack =paths.configOverrides类型重写=== 'function‘?覆盖: override.webpack而今((config,env) => config);if (override.devserver) { console.log(‘警告:devserver已被废弃)。请使用devServer,因为在下一个主要版本中将不使用‘+ 'devserver。)} const devServer = override.devServer连载函数((configFunction) => ((ConfigFunction) => (代理,allowedHost) => configFunction(代理,allowedHost));const jest = override.jest连成((配置) => config);const pathsOverride = override.paths _x((path,env) =>路径);//规范化重写函数module.exports ={ webpack,devServer,jest,paths:=> };

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-03-18 11:42:00

问题解决了!再一次运行"npm安装“有趣

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/60698779

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档