运行webpack报错

  1. img


    今天运行这个指令一直报错,不知道为什么,求指点啊,不知道怎么弄才行

https://blog.csdn.net/zjjxxh/article/details/127173968

参考这个 先试试方法 3

不知道你这个问题是否已经解决, 如果还没有解决的话:
  • 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7611616
  • 这篇博客你也可以参考下:进阶版 webpack 开发脚手架之线上分离、样式脚本公共提取分离、代码压缩
  • 除此之外, 这篇博客: webpack--摸鱼学习中的 初始化项目发现问题,模块化语法无法直接在浏览器环境上运行 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:

    首先建个空文件夹,在命令行初始化一个项目
    npm init

    这个操作会生成一个package.json,可以把它当成包装说明书。
    输入项目名,作者等信息,项目就初始化好了,可以执行其他操作了。

    然后写a.js,b.js,各自抛出,引入到main.js执行。

    //a.js
    export const a='123';
    export const Add=function(a,b){
        return a+b;
    }
    //b.js 注意这里用的node模块化抛出语法,对应的引入语法是 require
    exports.b='bbb';
    
    //main.js 
    import {a,Add} from './a';
    var b=require('./b')
    
    console.log(a);
    console.log(b);
    Add(1,101);
    
    
    

    a.js用es6模块化语法抛出
    b.js用node模块化方案抛出

    (Es6的常规语法(解构赋值,…语法等)可以在 命令行 node 指令运行,但模块化语法不行 )

    但是这些js代码引入到html后,却无法在浏览器上运行。

    报错:require is not defined(应该是浏览器不直接解析node语法)

    换成es6的export试试
    报错:Cannot use import statement outside a module(浏览器也不支持es6模块语法)


  • 您还可以看一下 搬砖的乔布梭老师的实战京东商城原生开发+Webpack打包+上线维护课程中的 京东正版22:自定义轮播图组件小节, 巩固相关知识点

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^