| |
|
开发:
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项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |