Question

我已经在react-redux中创建了一个应用程序。之后，我使用下面的链接安装了babel和webpack。

https://medium.com/@siddharthac6/getting-started-with-react-js-using-webpack-and-babel-66549f8fbcb8

下面是我的webpack.config.js文件：

const path = require('path');
const HWP = require('html-webpack-plugin');

module.exports = {
   entry: path.join(__dirname, '/src/index.js'),
   output: {
       filename: 'build.js',
       //path: path.join(__dirname, '/dist')},
       path: path.resolve(__dirname, 'build'),
   },
   module:{
       rules:[{
          test: /\.js$/,
          exclude: /node_modules/,
          loader: 'babel-loader'
       }]
   },
   plugins:[
       new HWP(
          {template: path.join(__dirname,'/src/index.html')}
       )
   ]
}

运行“ npm start”时出现错误提示

> my-app@0.1.0 start /var/www/html/SFL
> webpack-dev-server — mode development — open — hot

✖ ｢wds｣: Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.entry should be one of these:
   function | object { <key>: non-empty string | [non-empty string] } | non-empty string | [non-empty string]
   -> The entry point(s) of the compilation.
   Details:
    * configuration.entry should be an instance of function
      -> A Function returning an entry object, an entry string, an entry array or a promise to these things.
    * configuration.entry['main'] should be a string.
      -> The string is resolved to a module which is loaded upon startup.
    * configuration.entry['main'] should not contain the item '—' twice.
    * configuration.entry should be a string.
      -> An entry point without name. The string is resolved to a module which is loaded upon startup.
    * configuration.entry should be an array:
      [non-empty string]
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! my-app@0.1.0 start: `webpack-dev-server — mode development — open — hot`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the my-app@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

我正在尝试解决上述错误。还有其他方法可以解决此错误吗？

Answer 1

尝试一下。还原更改并运行npm run eject

这将使webpack进入您的项目

Answer 2

尝试使用此方法删除node_modules && package-lock.json

然后再次运行npm i。

让我知道它是否有效。

Answer 3

尝试将您的entry更改为此（取自create-react-app）：

entry: [ require.resolve('webpack-dev-server/client') + '?/', require.resolve('webpack/hot/dev-server'), path.join(__dirname, '/src/index.js') ]

Answer 4

您的文件夹结构应如下所示

a='foo'

安装webpack和babel后npm开始不工作

4 个答案: