Uh-oh! There seems to be a problem with Chunk.entrypoints. It is recommended to utilize Chunks.groupsIterable and then

I encountered an error while running the script npm run watch

cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --config=node_modules/laravel-mix/setup/webpack.config.js

i 「webpack」: Watching enabled \ Building Modules (16%)C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:824 throw new Error( ^

Error: Chunk.entrypoints: Use Chunks.groupsIterable and filter by instanceof Entrypoint instead at Chunk.get (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Chunk.js:824:9) at C:\xampp\htdocs\VidhiStage\node_modules\laravel-mix\node_modules\extract-text-webpack-plugin\dist\index.js:176:48 at Array.forEach () at C:\xampp\htdocs\VidhiStage\node_modules\laravel-mix\node_modules\extract-text-webpack-plugin\dist\index.js:171:18 at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\HookCodeFactory.js:24:12), :12:1) at AsyncSeriesHook.lazyCompileHook [as _callAsync] (C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\Hook.js:35:21) at Compilation.seal (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:1203:27) at hooks.make.callAsync.err (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compiler.js:547:17) at _err0 (eval at create (C:\xampp\htdocs\VidhiStage\node_modules\tapable\lib\HookCodeFactory.js:24:12), :11:1) at _addModuleChain (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:1054:12) at processModuleDependencies.err (C:\xampp\htdocs\VidhiStage\node_modules\webpack\lib\Compilation.js:980:9) at process._tickCallback (internal/process/next_tick.js:172:11) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! email-address-protected watch:

cross-env NODE_ENV=development
  node_modules/webpack/bin/webpack.js --watch --progress 
  --config=node_modules/laravel-mix/setup/webpack.config.js
npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the email-address-protected watch script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in: npm ERR!
C:\Users\BIKI MALLIK\AppData\Roaming\npm-cache_logs\2018-08-02T08_45_14_967Z-debug.log

This is the content of Webpack.config.js:

const webpack = require('webpack');
module.exports = {
  watch : true,
  context: __dirname,
  entry: {
    main : "./Components/Admin/Admin.js",
  },
  output: {
    path: __dirname+'/public/js/build',
    filename : "Admin.js",
    chunkFilename: 'chunk/[name].[chunkhash].js',
    publicPath:'./js/build/'
  },
  resolve: {
    alias: {
      vue: 'vue/dist/vue.js',
      lolly : 'quill/dist/quill.min.js'
    }
  },
  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
      },
      {
        test: /\.styl$/,
        loader: 'css-loader!stylus-loader?paths=node_modules/bootstrap-stylus/stylus/',
      },
      {
        test: /\.vue$/,
        loader: 'vue-loader'
      }
    ]
  },  
  plugins: [
  ]
}

Answer №1

It appears that your webpack version is above 4.0.0. Unfortunately, the plugin extract-text-webpack-plugin has not been updated to be compatible with versions higher than 4.0.0. For now, it is recommended to use Webpack 4 to avoid any compatibility issues.

npm install --save-dev <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="81f6e4e3f1e0e2eac1b5afb1afb1">[email protected]</a>

Answer №2

To successfully remove mini-css-extract-plugin from your project, consider running the npm uninstall command. Additionally, upgrading to webpack version 3.1.2 should help resolve the issue and allow you to install webpack-cli as well.

Answer №3

Another option is to enhance the plugin:

npm install extract-text-webpack-plugin@next --save-dev

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Is there a way to place two input fields from different forms side by side on the same line?

Here are two forms extracted from an html page: <form method="get" action="search/s" id="number"> <div style="text-align: center;"> <input type="text" id="regNo" name="regNo" size="30" maxLength="50" > or ...

"Troubleshooting the issue with the @click event failing to update the data

Working in Vue.js, my v-for loop is set up to go through a list and generate buttons. Each button has a click event that should change the value of upUrl to its index: <div class="mt-3" v-for="(buttonPic, index) in buttonPics" ...

In React.js, I'm encountering an issue on the client side

index.js import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; ReactDOM.render(<App />, document.querySelector('#root')); App.js import React from 'react'; import { ...

Hey there! I'm experiencing an issue with the jquery function $(this).childen().val()

Here is my HTML and JS/jQuery code: (function($) { $('.list-group li').click(function(){ console.log("push li"); console.log($(this).attr('class')); console.log($(this).children('.hidden_input&ap ...

Sliding horizontally with a responsive touch

I am looking to implement a horizontal responsive page navigation, similar to the illustration shown below: This is my current progress: DEMO $(document).ready(function () { var slideNum = $('.page').length, wrapperWidth = 100 * s ...

Difficulty encountered with the 'add' mixin in Sequelize when using a polymorphic many-to-many relationship

In managing customer surveys, I have encountered a problem with the many-to-many polymorphic association setup. The issue arises when using the 'add' mixin on the model instance of 'Survey'. If the joining table already contains an item ...

How can you use Knex to order the results for each WHERE clause in a SELECT query?

When querying a database using knex, the desired results should be ordered in a specific manner. The current code provides the required results but lacks the expected order. knex("FRUITTBL") .select("FruitTag", "FruitName", ...

Discovering the quantity of identical elements within a JavaScript array

Looking for some assistance in solving a JavaScript problem as I am relatively new to the language: I have an array and I need help in determining the count of identical values. Below is my array: var arr = ["red", "blue", "green", "red", "red", "gray"] ...

Add a tag to the URL when receiving a response

I am currently working on a web app using node and express. I want to dynamically add a tag to my URL after someone clicks on it, but I need to do this on the server side: exports.route = function (state) { return function (req, res) { // I ne ...

What is the best way to transfer information from a child Angular app to a parent non-Angular app

If I have a plain JavaScript parent application with a child Angular application, how can I notify the parent application of any data changes in the child Angular application? The child application is loaded in a div, not in an iframe. ...

Managing multiple JQuery Dialog boxes can be tricky, especially when you can only close one instance at a time

I'm currently working on integrating multiple instances of Jquery's Dialog box on the same website. The issue I'm facing is that I have two instances that I initialize using a new function like this: function Modal(param) { this.modal = ...

Creating multiple dynamic routes in Next.js based on specific IDs

Hey there! Currently tackling a challenge in my Nextjs project involving Events->Event->Schedule. My goal is to simply click on an event and be directed to the corresponding event details. Within the event, there should be a schedule that links to th ...

Trigger a series of child functions upon clicking the parent button

I am facing an issue where I am attempting to trigger the functions of each child component from a button click event on the parent component. I have tried using props and setting up a new function in the componentDidMount lifecycle method, but only the la ...

Utilizing NodeJS to Refine JSON Data

I am working with a JSON array that consists of multiple objects. My goal is to retrieve objects that have a specific value, such as returning [ service_wog: { count: 48, popular: false, code: 33, price: 20, id: ...

Using various jQuery autocomplete features on a single webpage

UPDATE I have observed that the dropdown elements following the initial one are not being populated correctly. .data( 'ui-autocomplete' )._renderItem = function( ul, item ) { return $( "<li></li>" ) .data( "i ...

What is the best way to transfer a variable from a form to a PHP page using an AJAX script?

Here is the form I am working with: <form onsubmit="serverconnect('Div1', 'query.php'); return false;" Minimum Discount: <br /> <input type="radio" value="20%" name="discount" /> 20% <br /> <input type="radi ...

"Exploring the Differing Approaches of Ajax: Constructing

Considering StackOverflow's recommendation to ask a question rather than start a discussion, let's explore two methods using HTTPAsyncRquest to update a webpage without refreshing it: 1) Parsing/interpreting data returned by AsyncRequest to buil ...

Discover an Element within a JSON Array and Append a New Value to it

I've got an array of JSON data structured like this: [ { id: 1, name: 'Alice' }, { id: 2, name: 'Bob' }, { id: 3, name: 'Eve' } ] My goal is to locate an object by its id and append a ...

Attempting to include a standard VAT rate of 5% on the invoice

/* The code format is correct and I don't see any issues on my end, I hope it works well for you. */ I need assistance in adding a fixed VAT (tax) rate of 5%. The tax amount should be displayed on the row, while the total tax should reflect the sum o ...

Tips for incorporating my withStyles classes into the export class component within my React application

I'm having difficulty applying styles to my React form. I'm utilizing withStyles from Material UI. Unfortunately, the styles aren't being applied. I tested the code in my initial <DialogContentText> but it's not having any effect ...