“npm start”錯誤：在 ReactJS 中找不到模塊“babel-code-frame”

Question

當我嘗試在應用程序的前端給出“npm start”時，shell 給出了一個巨大的錯誤。 我的 package.json 沒有任何腳本錯誤，我排除了“node_modules”並多次給出“npm install”。 並且錯誤仍然存​​在。

從昨天開始我一直在研究這個，什么也沒有。

錯誤：

internal/modules/cjs/loader.js:985
  throw err;
  ^

Error: Cannot find module 'babel-code-frame'
Require stack:
- C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\fork-ts-checker-webpack-plugin\lib\forma
tter\codeframeFormatter.js
- C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\fork-ts-checker-webpack-plugin\lib\index
.js
- C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\react-dev-utils\ForkTsCheckerWebpackPlug
in.js
- C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\react-dev-utils\WebpackDevServerUtils.js
- C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\react-scripts\scripts\start.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:982:15)
    at Function.Module._load (internal/modules/cjs/loader.js:864:27)
    at Module.require (internal/modules/cjs/loader.js:1044:19)
    at require (internal/modules/cjs/helpers.js:77:18)
    at Object.<anonymous> (C:\Users\Helton\Documents\www\omnistack_bth\be-the-hero\frontend\node_modules\fork-ts-checker
-webpack-plugin\lib\formatter\codeframeFormatter.js:4:19)
    at Module._compile (internal/modules/cjs/loader.js:1158:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10)
    at Module.load (internal/modules/cjs/loader.js:1002:32)
    at Function.Module._load (internal/modules/cjs/loader.js:901:14)
    at Module.require (internal/modules/cjs/loader.js:1044:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\Users\\Helton\\Documents\\www\\omnistack_bth\\be-the-hero\\frontend\\node_modules\\fork-ts-checker-webpack-plug
in\\lib\\formatter\\codeframeFormatter.js',
    'C:\\Users\\Helton\\Documents\\www\\omnistack_bth\\be-the-hero\\frontend\\node_modules\\fork-ts-checker-webpack-plug
in\\lib\\index.js',
    'C:\\Users\\Helton\\Documents\\www\\omnistack_bth\\be-the-hero\\frontend\\node_modules\\react-dev-utils\\ForkTsCheck
erWebpackPlugin.js',
    'C:\\Users\\Helton\\Documents\\www\\omnistack_bth\\be-the-hero\\frontend\\node_modules\\react-dev-utils\\WebpackDevS
erverUtils.js',
    'C:\\Users\\Helton\\Documents\\www\\omnistack_bth\\be-the-hero\\frontend\\node_modules\\react-scripts\\scripts\\star
t.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! frontend@0.1.0 start: `react-scripts start`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the frontend@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Helton\AppData\Roaming\npm-cache\_logs\2020-03-27T11_21_24_592Z-debug.log

我需要，並且想解決這個問題。 如果你能幫助我，我會很開心。

謝謝！

Answer 1

實際上，當項目中缺少“babel-code-frame”模塊時會出現此錯誤

在終端中寫這個命令：

npm install --save-dev @babel/code-frame