【问题标题】:(ERROR in multi) Module not found: Error: Can't resolve 'babel/loader'(多错误)找不到模块:错误:无法解析“babel/loader”
【发布时间】:2020-02-02 10:01:28
【问题描述】:

This image 包含文件夹结构和 webpack.config.js 文件。当我打开 webpack-dev-server 时,出现以下错误:

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src/js/index.js ./src/scss/master.scss
Module not found: Error: Can't resolve 'babel/loader' in 'C:\wamp64\www\o\omd'
 @ multi (webpack)-dev-server/client?http://localhost:8080 ./src/js/index.js ./src/scss/master.scss main[0]

请注意,我在node_modules 中安装了babel/loader。任何线索将不胜感激! 提前致谢。

【问题讨论】:

    标签: webpack


    【解决方案1】:

    这是正确的公式,毕竟在scss下面你声明得很好

    {
      test: /\.js$/,
      exclude: /node_modules/,
      use: {
        loader: 'babel-loader',
      },
    },
    

    我建议将预设添加到单独的文件中。创建.babelrc 文件并添加到它。

    {
     "presets": [
       [
        "@babel/preset-env"
       ]
     ]
    }
    

    看这里 - example

    【讨论】:

    • 哎呀!简单的错字:它是babel-loader,而不是babel/loader。 :P
    【解决方案2】:

    请注意,我也遇到了同样的问题,所以我根据他们的网站安装了babel-loader(参见https://github.com/babel/babel-loader):

    npm install -D babel-loader @babel/core @babel/preset-env webpack
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-04-04
      • 2018-06-04
      • 2017-10-05
      • 2019-01-24
      • 2018-11-09
      • 2018-05-06
      • 2021-10-03
      • 2021-09-10
      相关资源
      最近更新 更多