Ares-Wang 2022-06-11 12:00 采纳率: 50%
浏览 27
已结题

关于#javascript#的问题：用Browserify 把ES5【通过babel转成的】

用Browserify 把ES5【通过babel转成的】，再转换时，把如下错误。
ParseError: 'import' and 'export' may appear only with 'sourceType: module'

  • 写回答

2条回答 默认 最新

  • Ares-Wang 2022-06-11 14:27
    关注

    经过仔细查看，发现 babel xxx -d xxx 转换的 es5 文件中 的require 路径没有动态变化，还是es6的路径。 改成es5的js 即可。 不知道是babel bug，还是我安装的版本有问题。
    JS文件是ES6语法写的， build 是babel 生成的 dist 是 browserify 生成的

    img


    img


    img


    img


    img


    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • browserify-demo:通过 babel 使用 React 和 ES6 语法并与 browserify 捆绑的演示
    2021-07-21 01:59
    **Babel** 是一个广泛使用的JavaScript编译器，它能够将ES6+的代码转换为向后兼容的ES5语法，确保在大多数浏览器中可以运行。在这个browserify-demo中，Babel与browserify一起工作，将使用ES6语法和React的JSX语法的...
  • react-gulp-boilerplate:使用 Browserify 和 Gulp 的 React.js 样板
    2021-06-18 14:17
    React 的核心理念是使用组件化的方式构建 UI，通过声明式的编程风格来提高代码可读性和可维护性。React 只关注视图层，与其他库或框架如 Redux（用于状态管理）和 Flux（用于数据流）结合使用，可以构建出复杂的 Web...
  • es6-playground:Babel + Browserify + 探索 ES6
    2021-06-23 05:09
    在JavaScript社区，ES6的引入带来了许多现代编程语言的特性，使得编写JavaScript代码更加简洁、高效。 **一、Babel** Babel是一个广泛使用的JavaScript编译器，它允许开发者使用最新版本的JavaScript（包括ES6及...
  • rxjs-babel-browserify-gulp-demo
    2021-07-22 13:45
    标题中的"rxjs-babel-browserify-gulp-demo"是一个项目示例，主要展示了如何在JavaScript环境中结合RxJS、Babel、Browserify和Gulp这四个工具进行前端开发。这些工具在现代JavaScript开发中扮演着重要角色，下面将...
  • polymer-browserify-example:在浏览器化ES6模块中使用聚合物行为的示例
    2021-04-30 05:13
    6. **构建流程**：项目可能使用Babel将ES6代码转换为ES5，然后通过Browserify或类似的工具打包模块，最后将结果部署到"public"目录供浏览器使用。 7. **Web Components**：Web Components规范集，包括Shadow DOM、...
  • react-browserify-bootstrap:React浏览器样板
    2021-06-24 09:08
    Babel是一个广泛使用的JavaScript编译器，它可以将ES6（ECMAScript 2015）及更高版本的代码转换为向后兼容的ES5代码，确保在大多数浏览器中运行无误。Babel支持的特性包括箭头函数、解构赋值、类和模块等，让开发者...
  • es6-babel-proof:真的很棒
    2021-06-09 11:16
    Babel是一个广泛使用的JavaScript编译器，它的主要功能就是将ES6+的新特性转换为ES5，以确保代码能够在各种环境中正常运行。Babel通过所谓的"转译"（transpiling）过程，将源代码转化为更广泛的浏览器和环境可以理解...
  • 前端也要懂编译：Babel 全景上手指南
    2021-01-18 16:30
    图雀社区的博客 此文档翻译自https://github.com/jamiebuilds/babel-handbook，由图雀酱审验。这个文档涵盖了所有你想知道的关于 Babel 及其相关工具使用的所...
  • 高级前端必备：彻底掌握Babel配置
    2021-03-02 00:22
    徐小夕@趣谈前端的博客 此文档翻译自https://github.com/jamiebuilds/babel-handbook.这个文档涵盖了所有你想知道的关于 Babel 及其相关工具使用的所有内容。目录引言...
  • react-gulp-browserify
    2021-06-28 15:12
    Browserify 可以配合 Babel 这样的转译工具，将 ES6+ 语法转换为浏览器兼容的 ES5 代码。 在这个 "react-gulp-browserify" 示例项目中，开发者可以学习以下实践： 1. **React 组件化开发**: 了解如何创建 React ...
  • react.js、react-dom.js、babel.js文件包下载
    2022-10-29 13:12
    Babel是一个广泛使用的JavaScript编译器，它的主要任务是将ES6+（包括JSX）语法转换为当前浏览器普遍支持的ES5语法。由于许多现代浏览器不完全支持ES6和JSX，因此在实际开发中，我们需要Babel来处理React组件中的...
  • javascript模块_JavaScript模块第2部分：模块捆绑
    2020-07-07 23:04
    cumichun6193的博客 javascript模块by Preethi Kasireddy 通过Preethi Kasireddy JavaScript模块第2部分：模块捆绑 (JavaScript Modules Part 2: Module Bundling) In Part I of this post, I talked about what modules are, why ...
  • StarterProjects:包含各种入门项目的列表
    2021-06-11 15:20
    4. **与 Babel 结合**：通过 Babel 配合，可以将 ES6+ 代码转换为兼容旧版浏览器的 ES5 代码，让新特性得以广泛应用。 通过实践这些入门项目，学习者不仅能够深入理解 JavaScript 语言本身，还能掌握现代前端开发的...
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 6月19日
  • 已采纳回答 6月11日
  • 创建了问题 6月11日