我做了npmrunbuild，得到了很多錯誤的結果 -有解無憂

我是一個剛接觸JavaScript的學生。 https://qiita.com/EZ_Denta/items/9e6a47f330b5a01806ae 我一直在用這個作為參考，但它并不奏效。我確定我已經把內置的package.json放進去了，但是我得到了很多錯誤，不知道從哪里開始。

錯誤資訊

> webpack

[webpack-cli] 無效的配置物件。Webpack已經使用一個不符合API模式的配置物件進行了初始化。
 - configuration.module.rules[1] 應該是一個ofthese。
   ["..." | object { assert?, compiler?, dependency?, descriptionData?, enforce? loader, mimetype, oneOf, options, parser, realResource, resolve, resource, resourceFragment, resourceQuery, rules, scheme, sideEffects, test, type, use? }, ...]
   -> 一個規則。
   Details。
    * configuration.module.rules[1].loader應該是一個非空字串。
      -> 一個加載器請求。
npm ERR! code ELIFECYCLE!
npm ERR! errno 2!
npm ERR! react_drill@1.0.0 build: `webpack` build.
npm ERR! Exit status 2!
npm ERR! 
npm ERR! Failed at the react_drill@1.0.0 build script.
npm ERR! 這可能不是一個問題 與npm。有可能是上面的額外日志輸出。

npm ERR! 一個完整的日志of this run可以在in找到。
npm ERR!     /Users/yamaguchishuuhei/。 npm/_logs/2021-08-28T17_30_34_922Z-debug.log

package.json

{
  "name": "react_drill"。
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "build": "webpack"。
  },
  "repository"/span>: {
    "type": "git"。
   省略

webpack.config.js

module.exports = {
    entry: {
      app: "./src/index.js"。
    },
    output: {
      path: __dirname   '/public/js'。
      filename: "[name].js"。
    },
      devServer: {
      contentBase: __dirname   '/public'/span>,
      port: 8080。
      publicPath: '/js/'。
    },
    devtool: "eval-source-map",
    mode: 'development',
    module: {
      rules: [{
        test: /.js$/,
        enforce: "pre",
        exclude: /node_modules/,
        加載器。"eslint-loader"。
      }, {
        test: /.css$/,
        loader: ["style-loader"/span>,"css-loader"/span>]
      }, {
        test: /.js$/,
        exclude: /node_modules/,
        加載器。'babel-loader'。
       }]
    }
  };

uj5u.com熱心網友回復：

你的webpack.config.js的格式不對，rule.loader不支持傳入陣列，嘗試使用使用，像這樣

。

module.exports = {
    entry: {
      app: "./src/index.js"。
    },
    output: {
      path: __dirname   '/public/js'。
      filename: "[name].js"。
    },
      devServer: {
      contentBase: __dirname   '/public'/span>,
      port: 8080。
      publicPath: '/js/'。
    },
    devtool: "eval-source-map",
    mode: 'development',
    module: {
      rules: [{
        test: /.js$/,
        enforce: "pre",
        exclude: /node_modules/,
        加載器。"eslint-loader"。
      }, {
        test: /.css$/,
        使用: ["style-loader","css-loader"]
      }, {
        test: /.js$/,
        exclude: /node_modules/,
        加載器。'babel-loader'。
       }]
    }
  };

轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/331053.html

標籤：

上一篇：npm安裝后出錯無法解決依賴關系

下一篇：Mongoose回傳"newObjectId("//id")"，而不是只回傳id。