javascript - 使用 lang=ts 和 lang=js 的基于类的组件
问题描述
我有一个使用基于类的组件的 vue 项目。我想要一个使用 js 语言而不是 typescript 的组件。
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">
解决方案
我需要添加 babel 插件(加载器)vue add babel
推荐阅读
- php - 如何解析这个 XML 并搜索特定的键值
- python-3.x - 如何在 Ubuntu 上安装 create_csv
- php - 背包(变形)关系字段添加条件以防止在类不存在时失败
- object - 在前端显示、编辑和更新隐藏记录 (TYPO3)
- sql - 将 JSON 中的值更新为数据库中的字符串
- jquery - Node.js + Express POST 请求返回未定义
- python - 如何使用 python 从特定发件人处获取收到的 Outlook 邮件的日期和时间并检查正文
- docker - ElasticBeanstalk - 无法从私有 Docker Hub 存储库中提取 docker 映像
- c# - 发布请求 c# 的问题得到了空结果
- azure - Azure 数据工厂 - 如何使用 ForEach 循环遍历 CSV 文件中的记录