Webpack打包老是报错 ERROR in Cannot find module ....

问题描述

问 题

1、webpack打包简单的一对一文件能通过。
2、win平台，已经将node和npm已经升级到了最新版本
3、所有node_modules下的插件都用npm i * 手工安装了一下，以防止版本过低。
4、先后从网上下载了2个范例，都是报这个错误，如下：

页面打开时也相应的报错。求解！

Webpack.config.js

var webpack= require("webpack");

module.exports={
    entry:{
        bundle:[ "./src/app.js"]
    },
    output:{
        path:__dirname,
        publicPath:"/",
        filename:"dist/[name].js"
    },
    module:{
        loaders:[
            {test: /\.html$/, loaders: ['html']},
            {test: /(\.js)$/, loader:["babel"] ,exclude:/node_modules/, 
             query:{
                     presets:["es2015"]
             }
            }
        ]
    },
    resolve:{
    },
    plugins:[
    ]
}

依赖：

//初始化package.json
npm init

//安装vue的依赖
npm install vue --save
npm install vue-router --save

//安装webpack的开发依赖
npm install webpack --save-dev

//安装babel的ES6 Loader 的开发依赖
npm install babel --save-dev
npm install babel-core --save-dev
npm install babel-loader --save-dev
npm install babel-preset-es2015 --save-dev

//安装html loacer 的开发依赖
npm install html-loader --save-dev

主要文件打包：
我电脑上的文件打包

解决方案

确认下 babel-loader babel-core babel-preset-es2015 这三个都安装了没，这个 module 是 core-js 里的，babel-core 中包含，尤其确认下 babel-core。

babel 不需要，它已经改成了 babel-core

这篇关于Webpack打包老是报错 ERROR in Cannot find module ....的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！