在server的入口中使用的是默认使用require引入依赖的

const Koa = require('koa')
const consola = require('consola')
const { Nuxt, Builder } = require('nuxt')
  • 对于使用经常使用ES6的,使用起来会感觉很大的不便

  • 但当我们直接使用import导入的时候

    import Koa from 'koa'
    import consola from 'consola'
    import { Nuxt, Builder } from 'nuxt'
      
    • 项目会直接报错,它并不能识别import

解决方法:

Nuxt.js项目在npm run dev时直接使用node编译index.js,我们之前写的项目之所以可以,是因为有用babel去处理,但node本身是不支持这种语法的

  • 在package.json中的脚本scripts中测试环境和正式环境的命令后加入--exec babel-node
  • 两种环境都需要加入
"scripts": {
  "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",
  "generate": "nuxt generate",
  "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
  • 如果项目中没有安装babel-clibabel-preset-env则需要先安装

    • 这里也可以安装babel-preset-es2015则也需要相应的修改.babelrc
    yarn add babel-cli babel-preset-env
    //或者使用npm
    npm install babel-cli babel-preset-env
    
  • 在项目的根目录下面创建.babelrc文件并加入

    {
        "presets": ["env"]
    
  • 其他的babel配置可自行在官网查看

解决Nuxt.js项目server入口文件不能使用import使用nuxtjs官方的脚手架时创建Nuxt.js项目时在server的入口中使用的是默认使用require引入依赖的const Koa = require('koa')const consola = require('consola')const { Nuxt, Builder } = require('nuxt')... SPA(single page web application)单页 Web 应用,Web 不再是一张张页面,而是一个整体的应用,一个由路由系统、数据系统、页面(组件)系统等等,组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中 1.2 什么是SEO SEO:搜索引擎优化(Search Engine Optimization), 通过各种技术(手段)来确保,我们的Web内容 2:安装完成之后,先 yarn dev 一下,生成 .nuxt 文件夹,这一步很重要,里面的东西是项目运行的关键所在,项目跑起来之后就可以关掉了。 3:在编辑器中打开 nuxt.config.js 文件,配置中添加下面代码。这里注意,直接将export default 直接更换为 module.exports module.exports = { dev: process.env.NO 轻量转化时间插件:npm install @nuxtjs/dayjs --save proxy代理,解决跨域:npm install @nuxtjs/proxy --save SPA(single page web application)单页 Web 应用,Web 不再是一张张页面,而是一个整体的应用,一个由路由系统、数据系统、页面(组件)系统等等,组成的应用程序。 我们之前学习的Vue就是SPA中的佼佼者。 SPA 应用广泛用于对SEO要求不高的场景中 1.2 什么是SEO SEO:搜索引擎优化(Search Engine Optimization), 通过各种技术(手段)来确保,我们的Web内容 current Server Discovery and Monitoring engine is deprecated, and will be removedin a future version 10007