Babel 找不到模塊“@babel/preset-presets-env”

Question

我通過NPM 安裝安裝了Babel以使我的 Javascript 代碼對所有瀏覽器都可見，但是當我運行此命令時出現錯誤： node_modules/.bin/babel before.js -o after.js

它告訴我它cannot find the module '@babel/preset-presets-env

錯誤輸出：

*Error: Cannot find module '@babel/preset-presets-env'* from 'C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19'
    at Function.resolveSync [as sync] (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\resolve\lib\sync.js:90:15)
    at resolveStandardizedName (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\files\plugins.js:101:31)
    at resolvePreset (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\files\plugins.js:58:10)
    at loadPreset (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\files\plugins.js:77:20)
    at createDescriptor (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\config-descriptors.js:154:9)
    at C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\config-descriptors.js:109:50    
    at Array.map (<anonymous>)
    at createDescriptors (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\config-descriptors.js:109:29)
    at createPresetDescriptors (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\config-descriptors.js:101:10)
    at presets (C:\Users\Johnny\Documents\Firebase Firestore Tutorial\javascript 1\lesson 19\node_modules\@babel\core\lib\config\config-descriptors.js:47:19) {
  code: 'MODULE_NOT_FOUND'
}

Answer 1

我有同樣的問題，但得到了解決方案：

以前的 webpack 代碼是：

// comple Babel Code with given rules
        module: {
            rules: [
                {
                    test: /\.(js|jsx)$/,
                    loader: 'babel-loader',
                    exclude: /(node_modules)/,
                    options: {
                        presets: [
                            '@babel/presets-env',
                            '@babel/presets-react'
                        ]
                    }
                }
            ]
        }

用。。。來代替：

// comple Babel Code with given rules
        module: {
            rules: [
                {
                    test: /\.(js|jsx)$/,
                    loader: 'babel-loader',
                    exclude: /(node_modules)/
                }
            ]
        }

進行此更改代碼后開始工作...！

:-)

Answer 2

我刪除了我的項目並重新開始安裝 babel，現在它運行順利。 :D