关于nuxt不支持import解决方法

最新推荐文章于 2024-08-19 21:36:26 发布

夏日好凉

最新推荐文章于 2024-08-19 21:36:26 发布

阅读量4.3k

点赞数 1

本文链接：https://blog.csdn.net/qq_29109193/article/details/84105195

版权

本文详细介绍了如何使用babel-cli脚手架进行项目环境配置，包括在package.json中设置测试与生产环境命令，创建并编辑.babelrc文件，以及安装babel-preset-es2015预设。遵循步骤完成配置后，只需重启项目即可应用所有更改。

摘要由CSDN通过智能技术生成

首先安装babel-cli脚手架，在package.json里在测试环境跟生产环境末尾加上--exec babel-node这句

"dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node",
"build": "nuxt build",
"start": "cross-env NODE_ENV=production node server/index.js --exec babel-node",

在根目录下创建一个.babelrc文件在里面编辑

{
"presets": ["es2015"]
}
在安装一下配置npm install babel-preset-es2015

再重启一下项目就行了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

夏日好凉

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

nuxt引入js_Nuxt.js实践篇

weixin_33816047的博客

01-14

1219

nuxt.js追求完美，相信大家都是这样的。因为前后端分离的弊端性，在项目构建时，浏览器并不会捕捉到项目的内容，所以开始，笔者决定引入nuxt.js文件来配合vue完成Server Slider Render博客系统开发。服务端渲染以下简称SSR,不知道nuxt的童鞋可以去nuxt官网了解一哈。声明：一下代码案例结合vue理解。第三方插件的使用？刚入坑，感觉寸步难行。想运来的使用方式，编辑器并不会...

解决Nuxt.js项目server入口文件不能使用import

ZQD的博客

10-11

2769

解决Nuxt.js项目server入口文件不能使用import 使用nuxtjs官方的脚手架时创建Nuxt.js项目时在server的入口中使用的是默认使用require引入依赖的 const Koa = require('koa') const consola = require('consola') const { Nuxt, Builder } = require('nuxt') ...

参与评论您还未登录，请先登录后发表或查看评论

【Node】为什么需要 cross-env ？

最新发布

day day up

08-19

367

cross-env 是一个流行的 npm 包，用于在跨平台（如 Windows、Linux 和 macOS）环境中设置和使用环境变量。它允许你以一致的方式在 npm 脚本中设置环境变量，而不需要担心不同操作系统之间的命令行差异。

手动解决Cannot find module '@sentry/webpack-plugin'等问题

10-06

解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。

nuxt 脚手架创建nuxt项目中不支持import？解决方法↓

eclipseAlpha的博客

07-16

593

打开package.json，在dev和start末尾添加 --exec babel-node 在项目根目录创建.babelrc文件，并在文件中编辑以下代码 { "presets": ["es2015"] } 执行以下代码 npm install babel-preset-es2015 以上步骤即可解决。 ...

nuxt项目一直报错Cannot import module ‘@nuxt/webpack‘

weixin_44136450的博客

06-25

478

╭──────────────────────────────────────────────────╮ │ │ │ Nuxt @ v2.14.12 │ │ │ │ ▸ Environment: development

nuxt初次跑报错 Cannot find module 'xxx\build\main.js'

try again

04-09

6703

步骤： 1vue init nuxt-community/koa-template nuxt-learn 先使用vue加载初始模板 2yarn install or npm install 加载依赖 3.npm run dev or yarn run dev 就会报错了很难想象一个成熟的框架竟然会出现初始化就会有的模板错误必须调整三个插件的版本才能继续跑通 backpack-...

Nuxt脚手架创建项目后无法使用import的解决方法

weixin_43964148的博客

01-30

508

1.在使用babel：在package.json中添的如下部分但是仅仅如此还是不足以解决问题，需要创建一个文件 .babelrc 并写入 { "presets": ["es2015"] } 接着安装 $ npm install babel-preset-es2015 重新启动，没有问题，说明成功 ...

nuxt sass全局变量也就是公共 scss 解决方案案例

11-02

在 Nuxt.js 项目中使用 Sass，特别是设置全局变量，是优化样式管理和提高代码复用率的有效方法。首先，我们需要理解 Nuxt.js 的文件结构和配置。在默认的 `nuxt.config.js` 文件中，你可以定义项目的样式加载器。...

全局安装nuxt_Nuxt爬坑

weixin_39855944的博客

12-22

1428

nuxt.js简单的说是Vue.js的通用框架，最常用的就是用来作SSR(服务器端渲染).Vue.js是开发SPA(单页应用)的,Nuxt.js这个框架，用Vue开发多页应用，并在服务端完成渲染，可以直接用命令把我们制作的vue项目生成为静态html。1.那服务器端渲染到底有什么好处呢？主要的原因时SPA(单页应用)不利于搜索引擎的SEO操作，Nuxt.js适合作新闻、博客、电影、咨询这样的需...

全局安装nuxt_Nuxt项目搭建到Nuxt项目部署

weixin_42502075的博客

12-31

699

a.为什么？Vue.js原来是开发SPA(单页应用)的,但很多人想用Vue开发多页应用(有利于SEO操作)，并在服务端完成渲染，于是Nuxt.js框架出生了，可实现用命令把vue项目生成为静态html。b.是什么？Nuxt.js简单的说是Vue.js的通用框架，SSR，即服务器渲染，是在服务器端将对Vue页面进行渲染生成html文件，将html页面传递给浏览器。优点：基于 Vue.js自动代码分层...

axios 处理 302 状态码的解决方法

12-11

from flask import Blueprint, request, jsonify, make_response, abort def bp_login_required(): if not current_user.is_authenticated: if request.is_xhr: abort(401) else: return current_app.login_...

启动nuxt项目fsevents报错

weixin_30483697的博客

08-16

250

nuxt项目启动报如下错误, 是因为使用了node12版本解决方案是安装指定版本的 fsevents(1.2.9版本) 安装命令如下: 　　sudo npm install fsevents@1.2.9 -save 安装这个又出现问题　　这个问题大一看是权限问题，但是使用sudo 还是会出现这个问题，解决方案在命令后面添加--unsafe-perm...

Error: Cannot find module ‘webpack‘ 问题解决办法

weixin_38687522的博客

06-16

1万+

这句话的意思是：没有找到webpack模块。就算之前你装了webpack，那肯定是非全局安装所以要全局安装 npm install --save-dev webpack

Error: Cannot find module 'webpack'错误解决

热门推荐

qq_42099419的博客

12-03

1万+

$ npm install webpack -g $ npm install webpack-cli -g 全局安装webpack webpack hello.js -o hello.bundle.js 运行一个已经创建的hello.js文件报错 E:\webpack\node_modules\webpack-cli\bin\cli.js:244 ...

Nuxt.js项目不识别import原因及解决方法

一位不知名小前端的一些笔记

01-07

1万+

1、问题使用npx create-nuxt-app创建Nuxt.js项目，项目默认使用require引入依赖，如下：平时习惯使用import，改为import Koa from 'koa'会报SyntaxError: Unexpected identifier，即不识别import错误。 2、原因通过package.json可以看到，使用npx create-nuxt-app创建出来的Nu...

引入NUXT vue-awesome-swiper 插件出错 Cannot resolve “swiper/dist/css/swiper.css“

03-23

2365

报错： ERROR Could not compile template E:\IDEA\OnlineEduProject-Web\guli_front\node_modules\@nuxt\vue-app\template\App.js: Cannot resolve “swiper/dist/css/swiper.css” from “E:\IDEA\OnlineEduProject-Web\guli_front\swiper\dist\css\swiper.css” at node_modules.

Nuxt项目支持import写法的三种解决方案

qq_39075021的博客

06-07

2734

一、前情摘要使用npx create-nuxt-app创建Nuxt.js项目，项目默认使用require引入依赖，如下： const Koa = require('koa') 而此时我们想使用ES6的 import 语法： import Koa from 'koa' 运行的时候，会报 SyntaxError: Unexpected identifier，即不识别import错误。这是因为使用 npx create-nuxt-app 创建出来的Nuxt.js项目在 npm run dev 时直接使用n

前端重零搭建 NUXT3 出现的问题总结

FitnessSnail的博客

01-16

2281

前端重零搭建 NUXT3 出现的问题总结

Nuxt.js中useFetch钩子在生产环境出现报错解决方法

在这种情况下，查阅Nuxt.js的官方文档和社区讨论是解决问题的重要途径。如果官方文档中也没有解决方案，可以在Nuxt.js的GitHub仓库中查找相关的issue，或者提交一个新的issue报告你遇到的问题。最后，如果`use...