react-scripts 2.1.1更新失败

问题描述

我的任务是将ReactJS应用程序中的“反应脚本” 2.1.1更新为更新的版本。我做了什么： 1。

克隆清洁项目
更新 “反应脚本”：“ 2.1.1”->“ 2.1.8”
npm安装
npm开始

我遇到的第一个问题：

frontend@2.0.0开始C：\ projects \ reactjs-superapp react-app-rewired开始

内部/模块/cjs/loader.js:797 抛出错误 ^

Error: Cannot find module 'C:\projects\reactjs-superapp\node_modules\react-scripts/config/webpack.config.dev'
Require stack:
C:\projects\reactjs-superapp\node_modules\react-app-rewired\scripts\start.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)
    at Function.Module._load (internal/modules/cjs/loader.js:687:27)
    at Module.require (internal/modules/cjs/loader.js:849:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\projects\reactjs-superapp\node_modules\react-app-rewired\scripts\start.js:9:23)
    at Module._compile (internal/modules/cjs/loader.js:956:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:973:10)
    at Module.load (internal/modules/cjs/loader.js:812:32)
    at Function.Module._load (internal/modules/cjs/loader.js:724:14)
    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10) {
  code: 'MODULE_NOT_FOUND',requireStack: [
    'C:\\projects\\reactjs-superapp\\node_modules\\react-app-rewired\\scripts\\start.js'
  ]
}

更新 “ react-app-rewired”：“ 1.6.2”->“ 2.0.3
npm install
npm开始从v2.0开始，“ injectBabelPlugin”帮助程序已被弃用。您可以在替换中使用custom-cra插件-https://github.com/arackaf/customize-cra#available-plugins

按照此处https://github.com/timarney/react-app-rewired/issues/348找到的解决方案，并替换了现有的

mofules.exports =函数覆盖（配置，环境）{ ...... }

到

module.exports = override(
    fixBabelImports("import",{
        libraryName: "antd",libraryDirectory: "es",style: true // change importing css to less
    }),addLessLoader({
        javascriptEnabled: true
    })
);

已添加 “ customize-cra”：“ ^ 1.0.0”， “ postcss-normalize”：“ ^ 9.0.0”， “ resolve-url-loader”：“ ^ 3.1.2”
npm安装
npm开始

现在启动时出现编译错误 ./src/config/config.scss（./node_modules/css-loader??ref--6-oneOf-5-1!./node_modules/postcss-loader/src??postcss!.//node_modules/sass-loader /lib/loader.js??ref--6-oneOf-5-3!./src/config/config.scss） @import“〜importConfigPath”; ^ 找不到要导入的文件或不可读的文件：〜importConfigPath。在C：\ projects \ reactjs-superapp \ src \ config \ config.scss（第2行，第1列）中

这可能是预期的。〜importConfigPath先前已在module.exports函数中定义如下

 config.resolve = {
     modules: ['src','node_modules'],extensions: ['.js','.jsx'],alias: {
         ...config.resolve.alias,"importConfigPath": path.join(__dirname,'src/view/styles/templates/' + findPara("THEME","1") + '.scss'),"importvariablesPath": path.join(__dirname,"1") + "/colors.scss"),}
 };

现在必须在此新结构中定义它。这就是我现在迷路的地方。怎么做？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

babel-plugin react-app-rewired reactjs reactjs reactjs reactjs