IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> nodejs不支持ES6模块化规范的解决方案 -> 正文阅读

[JavaScript知识库]nodejs不支持ES6模块化规范的解决方案

一、nodejs不支持ES6模块化规范的解决方案

在项目目录下新建src文件夹,src文件夹下新建m1.js模块和app.js模块:

m1.js模块中到处数据:

export let name = "nodejs";
export let age = 11;

app.js中导入模块:

import {name,age} from "./m1.js"

此时运行app.js会报错!!! SyntaxError: Unexpected token {

注意:nodejs 不支持 es6 模块化规范。 可以把这个代码转换一下,然后把 es6 规范转换为 commonjs 规范 学语法,兼容性如何不用管,可以交给第三方的转换工具(babel-cli 和 browserify)实现

解决:

1、在项目文件夹下生成生成 package.json 文件

yarn init -y 或者 ?npm init -y

2、安装第三方工具:

在任意目录下执行,全局安装babel-cli 和 browserify:

yarn global add babel-cli browserify  或者 ?npm install babel-cli browserify -g ? ? ? ?

在自己项目目录下执行:

yarn add babel-preset-es2015 ? 或者 ? npm install babel-preset-es2015 --save-dev 

3、在项目根目录新建 .babelrc 文件 :

{
  "presets": [
 ?  "es2015"
  ]
}

4、在src目录下书写完代码后,执行:

babel src -d lib

(如果出现babel 不是内部或者外部命令,请按照如下链接查看yarn 全局安装后,命令不生效的解决办法)

(16条消息) nodejs不支持ES6模块化规范的解决方案_小尘的一天的博客-CSDN博客

5、运行lib下的app.js即可 node lib\app.js

(记得,修改代码需要执行babel src -d lib命令后,再运行lib下的app.js)

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-07-21 21:27:19  更:2022-07-21 21:28:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 -2025/1/11 12:38:55-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码