Использование компонентов на основе классов с lang = ts вместе с lang = js - PullRequest
Новая
       15

Использование компонентов на основе классов с lang = ts вместе с lang = js

0 голосов
/ 09 июля 2020

У меня есть проект vue, в котором используются компоненты на основе классов. Я хочу иметь один компонент, который использует язык js, а не машинописный текст.

Vue жалуется, мне нужен новый загрузчик, и я не могу понять, как его добавить.

Я используя vue -cli, у меня нет webpack.config. js, но у меня есть стандартный vue .config. js

С vue -cli inspect --plugins, У меня есть следующие плагины, включая vue -loader 

[
  'vue-loader',
  'define',
  'case-sensitive-paths',
  'friendly-errors',
  'html',
  'pwa',
  'preload',
  'prefetch',
  'copy',
  'fork-ts-checker'
]

Тем не менее, vue жалуется на компоненты без <script lang="ts">: 

Module parse failed: Unexpected character '@' (6:0)
File was processed with these loaders:
 * ./node_modules/cache-loader/dist/cjs.js
 * ./node_modules/vue-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
| import Component from 'vue-class-component';
| 
> @Component
| export default class TreeNavigation extends Vue {

В основном, я хочу иметь <script lang="ts"> вместе с компонентами с обычным <script><script> or <script lang="js">

1 Ответ

0 голосов
/ 10 июля 2020

Мне нужно было добавить плагин babel (загрузчик) с vue add babel

...