Кофе Ланг в Вю CLI 3 - PullRequest
Новая
       14

Кофе Ланг в Вю CLI 3

0 голосов
/ 23 января 2019

Я создал проект с vue create и отредактировал значение по умолчанию App.vue примерно так: 

<script lang="coffee">
import HelloWorld from './components/HelloWorld.vue'
export default
  name: 'app'
  components:
    HelloWorld
</script>

и получил ошибку 

 ERROR  Failed to compile with 1 errors                                     8:39:21 PM

 error  in ./src/App.vue?vue&type=script&lang=coffee&

Module parse failed: Unexpected token (11:6)
You may need an appropriate loader to handle this file type.
| import HelloWorld from './components/HelloWorld.vue'
| export default
>   name: 'app'
|   components:
|     HelloWorld

 @ ./src/App.vue?vue&type=script&lang=coffee& 1:0-170 1:186-189 1:191-358 1:191-358
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://192.168.88.208:8080/sockjs-node (webpack)/
hot/dev-server.js ./src/main.js

my package.json 

{
  "name": "vue-app",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build"
  },
  "dependencies": {
    "vue": "*"
  },
  "devDependencies": {
    "@vue/cli-service": "*",
    "vue-template-compiler": "*",
    "coffee": "*",
    "coffee-loader": "*",
    "pug": "*",
    "pug-loader": "*",
    "pug-plain-loader": "*",
    "stylus": "*",
    "stylus-loader": "*",
    "vue-loader": "*"
  },
  "postcss": {
    "plugins": {
      "autoprefixer": {}
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

Мопс и стилус работает как шарм, но с кофе у меня какая-то проблема ~_~

1 Ответ

0 голосов
/ 24 января 2019

С помощью Vue CLI вы можете просто запустить следующую команду (которая вызывает плагин Vue CLI CoffeeScript ), чтобы обновить ваш проект с поддержкой CoffeeScript: 

vue add coffee

Это установитследующие пакеты: 

+    "coffee-loader": "^0.9.0",
+    "coffeescript": "^2.3.2",
     "eslint": "^5.8.0",
     "eslint-plugin-vue": "^5.0.0",
+    "vue-cli-plugin-coffee": "^0.1.0",

Обратите внимание на package.json ссылки coffee (тестовая утилита для Node.js), но это должно быть coffeescript.

Также обратите внимание, что вашему коду требуется настройка для устранения ошибки CoffeeScript: 

export default
  name: 'app'
  components: {  // <-- use brackets for components
    HelloWorld
  }

demo

...