运行nodejs项目，npm start启动项目import报错，SyntaxError: Cannot use import statement outside a module

已于 2022-08-24 11:49:15 修改
阅读量4.8w 收藏 10
点赞数 2
分类专栏： NodeJS 文章标签： nodejs
于 2019-11-29 22:59:51 首次发布
本文为码农实战原创作品，欢迎关注「我的小碗汤」公众号，QQ群：643418444
本文链接：https://blog.csdn.net/ll837448792/article/details/103307796
版权

运行nodejs项目报错如下：

$ npm start                                                                                                                                                                  
                                                                                                                                                                             
> m-mall-admin@1.0.0 start D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin                                                                        
> babel-node ./bin/www                                                                                                                                                       
                                                                                                                                                                             
(node:4488) Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension.                                                               
D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin\bin\www:4                                                                                         
import app from '../app';                                                                                                                                                    
^^^^^^                                                                                                                                                                       
                                                                                                                                                                             
SyntaxError: Cannot use import statement outside a module                                                                                                                    
    at wrapSafe (internal/modules/cjs/loader.js:1043:16)                                                                                                                     
    at Module._compile (internal/modules/cjs/loader.js:1091:27)                                                                                                              
    at loader (D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin\node_modules\babel-register\lib\node.js:146:5)                                     
    at Object.require.extensions.<computed> [as .js] (D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin\node_modules\babel-register\lib\node.js:156:
7)                                                                                                                                                                           
    at Module.load (internal/modules/cjs/loader.js:976:32)                                                                                                                   
    at Function.Module._load (internal/modules/cjs/loader.js:884:14)                                                                                                         
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:67:12)                                                                                      
    at D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin\node_modules\babel-cli\lib\_babel-node.js:151:24                                           
    at Object.<anonymous> (D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin\node_modules\babel-cli\lib\_babel-node.js:152:7)                       
    at Module._compile (internal/modules/cjs/loader.js:1121:30)                                                                                                              
npm ERR! code ELIFECYCLE                                                                                                                                                     
npm ERR! errno 1                                                                                                                                                             
npm ERR! m-mall-admin@1.0.0 start: `babel-node ./bin/www`                                                                                                                    
npm ERR! Exit status 1                                                                                                                                                       
npm ERR!                                                                                                                                                                     
npm ERR! Failed at the m-mall-admin@1.0.0 start script.                                                                                                                      
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.                                                                           
                                                                                                                                                                             
npm ERR! A complete log of this run can be found in:                                                                                                                         
npm ERR!     C:\Users\lenovo\AppData\Roaming\npm-cache\_logs\2019-11-29T03_31_13_816Z-debug.log                                                                              
                                                                                                                                                                             
D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin (master -> origin) (m-mall-admin@1.0.0)                                                           
$ node -v                                                                                                                                                                    
v13.2.0                                                                                                                                                                      
                                                                                                                                                                             
D:\SoftwareAndProgram\program\weixin\miniprogram\mini-mall\mini-mall-admin (master -> origin) (m-mall-admin@1.0.0)                                                           
$ npm -v                                                                                                                                                                     
6.13.1

大概意思是nodejs不支持import语法，如果要支持，需要babel来支持。

babel的安装

所以我们来安装babel吧， 有了babel， 能够使用更多高级词法！

在项目根目录下，执行：

npm install --save babel-core
npm install --save babel-preset-env 或者 npm install --save babel-preset-es2015
npm install babel-cli -g

接着在项目根目录下创建一个名字为.babelrc的文件， 文件内容入如下（ 要注意window系统下创建这种文件系统会提示你：“必须键入文件名” ， 你可以找别的方式去创建， 我是在开发工具的工程目录中把这个文件创建出来的，也可以用cmder神器的vim命令）：

 {
    "presets": [
      "es2015"
    ],
    "plugins": []
}

或者：

{                
    "presets": [ 
         "env"   
     ],          
    "plugins": []
}

到目前为止babel算是安装完毕了。

接下来可以用npm start和babel-node app.js运行项目。
在这里插入图片描述

参考

用babel解决nodejs项目import报错，nodejs之使用babel支持es6和pm2下使用babel

进击云原生
关注
  • 2
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
nodejs npm错误Error:UNKNOWN:unknown error,mkdir ‘D:\Develop\nodejs\node_global’at Error
01-21
错误原因 在设置npm的cache和predix时，因为使用参考其他教程照抄，而没有修改为本机对应路径，本机上并没有这个地址，因此造成了错误。 教程代码： npm config set cache D:\Develop\nodejs\node_global npm config set prefix D:\Develop\nodejs\node_cache 结果就是输入与npm任何有关的命令时，都会报错： 错误代码文本形式： Error: UNKNOWN: unknown error, mkdir ‘D:\Develop\nodejs\node_global’ at Error
nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:\Develop\nodejs\node_global'at Error
10-17
今天小编就为大家分享一篇关于nodejs npm错误Error:UNKNOWN:unknown error,mkdir 'D:Developnodejsnode_global'at Error，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
解决node环境下SyntaxError: Cannot use import statement outside a module的问题
学习，思考，输出
11-02 3674
CommonJS作为Node.js 的规范，一直沿用至今，现在很多类库还在用CommonJS ，而ES6的import/export出现相对晚很多，在Node13以上环境为了兼容ES6的特性，就需要创建package.json文件指明type类型为module。
nodejs项目windows下开机自启动的方法
12-23
1. 在需要自启动的项目中安装 node-windows 模块 npm install node-windows –save 2. 在项目根目录创建nw.js文件 代码截图如下： 代码文本： 3. 运行nw.js文件 命令：node nw.js 这个时候如果安装了安全管家等软件会阻止，直接允许就可以了。运行成功后在电脑的服务中就能看到这个服务，现在就可以像普通的windows-server服务一样操作。 运行node nw.js命令后,会在启动的node文件对应的目录下生成 daemon文件夹 普通日志,错误日志,配置信息都有。 4. 现在就可以连接nodejs项目，Nodejs项目开
Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension.
十一姐的博客
03-17 451
【代码】Warning: To load an ES module, set “type“: “module“ in the package.json or use the .mjs extension.
node.js报错：Cannot find module 'ejs'的解决办法
10-20
最近发现了node.js居然报错了，错误提示为：Cannot find module 'ejs'，后来找了找资料发现解决的方法其实很简单，下面通过这篇文章来一起看看吧，希望对同样遇到这个问题的朋友们能有所帮助。
【解决 SyntaxError: Cannot use import statement outside a module 报错问题】
lt012345的博客
06-19 7万+
1. JavaScript 的两种模块：ES6 模块（ESM）和 CommonJS 模块（CJS）。2. CommonJS 模块使用 require() 和 module.exports，ES6 模块使用 import 和 export。3. ES6 模块与 CommonJS 模块的差异。4. Node.js 的模块加载方法：CommonJS 模块是 Node.js 专用。从 Node.js v13.2 版本开始，Node.js 默认打开了 ES6 模块支持。
【已解决】nodejs项目中报错：Cannot use import statement outside a module
程序边界
12-21 3830
文章目录 虽然现在nodejs版本已经到14.0+版本了, 对最新的es语法支持的也足够好, 但是目前仍然有一些不支持, 比如es的模块导入导出(import, export), 装饰器(@decorator)等, 此时要在node项目中使用这些新特性, 就不得不借助工具, 比如babel7来解决上述问题, 如下: 第一步：安装babel对应的模块： npm i @babel/cli @babel/core @babel/node @babel/plugin-proposal-class-proper
解决报错Uncaught SyntaxError: Cannot use import statement outside a module
空山新雨后，天气晚来秋
05-23 537
nodejs报错Uncaught SyntaxError: Cannot use import statement outside a module
报错：Uncaught SyntaxError: Cannot use import statement outside a module 详解
热门推荐
咕咕鸡的执着
10-01 18万+
JS错误Uncaught SyntaxError: Cannot use import statement outside a module< 分析及解决方法 错误信息： 错误分析： HTML 网页中，浏览器通过 script 标签加载 JavaScript 脚本。由于浏览器脚本的默认语言是 JavaScript，因此type="application/javascript"可以省略。在报...
Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）
10-18
主要介绍了Node.js调用fs.renameSync报错（Error: EXDEV, cross-device link not permitted）,非常具有实用价值，需要的朋友可以参考下
【完美解决】ES6语法导入报错 SyntaxError: Cannot use import statement outside a module
最新发布
m0_73689941的博客
04-05 283
(node:23888) Warning: To load an ES module, set “type”: “module” in the package.json or use the .mjs extension.在 Node.js 环境中默认使用的是 CommonJS 规范。import 是 ES6 中的模块化写法，CommonJS 模块与 ES6 模块不兼容。意思是在package.json文件中配置 “type”: “module” 就行。
Js(二)SyntaxError Cannot use import statement outside a module
tgs2033的博客
03-03 3848
前言 本章主要讲述js报错之SyntaxError: Cannot use import statement outside a module的解决 一、问题描述 问题：顾名思义,根据错误信息翻译【不能在模块外部使用导入语句】，即报错地方import { v4 as uuidv4 } from 'uuid’该导入语句在模块外 二、解决方法 由于在模块外，我们更改package.json即可，在文件中添加【“type”: “module”】 “type”: “module” 三、查看结果
Uncaught SyntaxError Cannot use import statement outside a module的解决方法
Ajekseg的博客
03-11 2314
本地html文件中的script标签引入ES6的模块，直接在浏览器中打开该html文件，发现报错了：Uncaught SyntaxError: Cannot use import statement outside a module 对应的index.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con
Vue 2项报错 import “********“； ^^^^^^ SyntaxError: Cannot use import statem
只会helloworld的小白啊的博客
03-28 202
但实际错误并不是这样，GPT问了好一会后，选择走百度，在简书上找到了。看说明是报错的不支持 ES 6 import 语句。这个故事告诉我 不要盲目的gpt。
Js(二)SyntaxError: Cannot use import statement outside a module
Mikasa的博客
10-09 1万+
前言 本章主要讲述js报错之SyntaxError: Cannot use import statement outside a module的解决 一、问题描述 问题：顾名思义,根据错误信息翻译【不能在模块外部使用导入语句】，即报错地方import { v4 as uuidv4 } from 'uuid’该导入语句在模块外 二、解决方法 由于在模块外，我们更改package.json即可，在文件中添加【“type”: “module”】 "type": "module" 三、查看结果
node.js运行出现‘SyntaxError: Cannot use import statement outside a module‘错误
h360583690的博客
08-13 5737
ES6是ES2015、ES2016、ES2017他们的统称。官方名字：《ECMAScript 2015 标准》=> ES6. 在用node.js运行ES6的代码时出现了这个问题： 无法在模块外部使用导入语句。 我们只需要在package.json这个文件中加一句 "type":"module" ，就能运行了。 然后在用babel转码了上面的代码，又出现了错误： ...
nodejs报错Cannot use import statement outside a module
09-21
当你在Node.js环境中使用ES6的模块导入(import)语法时，会报错"Cannot use import statement outside a module"。这是因为Node.js默认只支持CommonJS的模块导入(require)，而不支持ES6的模块导入。要解决这个问题，你可以采用以下两种方法之一： 方法一：将你的代码文件后缀名由.js改为.mjs。这样Node.js会将该文件视为ES6模块，并支持使用import语法。例如，将test.js改为test.mjs。 方法二：在你的代码文件的顶部添加以下代码： ``` require = require('esm')(module); ``` 这样就可以使用import语法了。但是需要注意，这种方法需要先安装esm模块。你可以使用以下命令进行安装： ``` npm install esm ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

进击云原生

众筹一元植发

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值