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

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

阅读 18.6k
4 个回答

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

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

其实也是有可能是原项目没有写完整依赖……你放个链接我帮你试试吧

可能是转换es6出的问题。配置下babel:

1、在根目录添加一个.babelrc文件,其内容如下:

{
  "presets": ["es2015", "stage-2"],
  "comments": false
}

2、安装babel 相关

npm install babel-preset-es2015 --save-dev
npm install babel-preset-stage-2 --save-dev

将所有依赖文件换掉,问题消失。虽然不知道啥原因,但好歹解决了,谢谢各位热心朋友!

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进