【已解决】nodejs项目中报错:Cannot use import statement outside a module

简介: nodejs项目中报错:Cannot use import statement outside a module

虽然现在nodejs版本已经到14.0+版本了, 对最新的es语法支持的也足够好, 但是目前仍然有一些不支持, 比如es的模块导入导出(import, export), 装饰器(@decorator)等, 此时要在node项目中使用这些新特性, 就不得不借助工具, 比如babel7来解决上述问题, 如下:

  • 第一步:安装babel对应的模块:
npm i @babel/cli @babel/core @babel/node @babel/plugin-proposal-class-properties @babel/plugin-proposal-decorators @babel/preset-env
  • 第二步:项目根目录新建 .babelrc
{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": "current"
        }
      }
    ]
  ],
  "plugins": [
    ["@babel/plugin-proposal-decorators", { "legacy": true }],
    ["@babel/plugin-proposal-class-properties", { "loose" : true }]
  ]
}

此时就可以像写前端项目一样使用这些新语法特性啦~


over

相关文章
|
1月前
|
人工智能 JavaScript 前端开发
计算机node项目|nodejs网上书城设计与实现
计算机node项目|nodejs网上书城设计与实现
166 2
|
9天前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
33 3
|
9天前
|
JavaScript
若依修改,This relative module was not found:* ./@/assets/logo/logo.png in ./node_modules/css-loader/dist
若依修改,This relative module was not found:* ./@/assets/logo/logo.png in ./node_modules/css-loader/dist
若依修改,This relative module was not found:* ./@/assets/logo/logo.png in ./node_modules/css-loader/dist
|
17天前
|
敏捷开发 缓存 测试技术
阿里云云效产品使用问题之构建Vue3项目,怎么让node_modules缓存下来
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
3天前
|
消息中间件 Shell
mq报错abbit@syld36: * connected to epmd (port 4369) on syld36 * epmd reports node ‘rabbit‘ uses po
mq报错abbit@syld36: * connected to epmd (port 4369) on syld36 * epmd reports node ‘rabbit‘ uses po
11 0
|
1月前
Error: Cannot find module ‘node:url‘【已解决】
Error: Cannot find module ‘node:url‘【已解决】
30 3
|
2月前
|
JavaScript
node项目的建立
该文档介绍了如何建立一个Node.js项目,首先通过`npm init -y`进行项目初始化,然后安装Express `npm i express@4.17.1`。在`app.js`中设置服务器监听8080端口。接着,为解决跨域问题,安装CORS `npm i cors@2.8.5`,并在`app.js`中启用。项目包含用户路由,新建路由文件并导入到`app.js`,通过Postman测试验证。最后,将路由处理逻辑抽离到`router_handler/user.js`,在路由模块中引入并调用处理函数。
28 1
node项目的建立
|
12天前
|
JavaScript 前端开发 API
vue 报错【解决方案】/sockjs-node/info?t=
vue 报错【解决方案】/sockjs-node/info?t=
13 0
|
13天前
|
开发工具 数据安全/隐私保护 git
为了方便项目打包,我用Node写了个git-tag工具
为了方便项目打包,我用Node写了个git-tag工具
13 0
|
14天前
|
JavaScript 前端开发 Java
node.js环境安装以及Vue-CLI脚手架搭建项目教程
node.js环境安装以及Vue-CLI脚手架搭建项目教程