首頁 > web前端 > js教程 > 主體

如何解決 Webpack 和 Babel 的「You May Need an Appropriate Loader」錯誤?

Linda Hamilton
發布: 2024-10-21 12:41:30
原創
170 人瀏覽過

How to Resolve the

解決Webpack 和Babel 的「您可能需要一個合適的載入器」錯誤

遇到此錯誤意味著Webpack 需要一個合適的載入器來解釋檔案。在這個特定實例中,Babel 將用於 ES6 編譯。若要解決此問題,請依照下列步驟操作:

  1. 安裝ES2015 預設:

    npm install babel-preset-es2015
    登入後複製

  2. 設定Babel-Loader:
    {
        test: /\.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
            presets: ['es2015']
        }
    }
    登入後複製
  3. 修改您的Webpack 設定檔以包含以下內容:

此設定通知Babel 使用ES2015 預設來轉接來轉接代碼。

對於Babel >= 7.x 和Webpack >= 2.x 的使用者

  • 如果您使用這些工具的較新版本,設定語法已經演變:
  • 用Babel-loader 設定中的選項取代查詢。
使用 @babel/preset-env 而不是 babel-preset-es2015。

以上是如何解決 Webpack 和 Babel 的「You May Need an Appropriate Loader」錯誤?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!