nuxt(koa)로 공사 구축

1519 단어 nuxt
1. 템플릿 구축 vue init nuxt-community/koa-template vue-app npm install --update-binary npm run dev 오류가 발생하면: Module build failed: Error: Plugin/Preset files are not allowed to export objects, only functions.In F:\mt\mt-appode_modules\backpack-core\babel.js 해결: 최신 버전에 문제가 있습니다. nuxt 버전을 1.4.2로 낮추십시오.
npm uninstall nuxt npm install [email protected]. 홈페이지에 따라 npxcreate-nuxt-app을 만들어 당신이 필요로 하는 물건을 설치합니다.npm run dev 1.하지만 ES6를 사용하고 싶습니다. 이것은 자가용 비계가 koa2를 구축할 때 기본 nodemon은 babel로 컴파일되지 않았기 때문에 우선 명령을 시작한 후에 --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 .",
    "precommit": "npm run lint"

이것은 아직 부족하다. 왜냐하면 우리는 babel을 설정하지 않았기 때문에, 우리는 있어야 한다.babelrc에서 presets 설정을 해 보겠습니다. 그 전에 babel 플러그인을 설치해야 합니다.
전역적으로 babel-cli:npm i babel-cli-g npm i babel-core-g npm i babel-preset-es2015 --save-dev를 프로젝트의 루트 디렉터리에 설치한 적이 없습니다.babelrc 파일은 다음과 같은 구성으로 표시됩니다.
{
  "presets": ["es2015"]
}

2.sass를 설치해야 하는 npm i node-sass-loader scss-loader --save-dev
nuxt에 대한 구덩이가 너무 많아요.https://segmentfault.com/a/1190000014526984?utm_source=channel-hottest

좋은 웹페이지 즐겨찾기