Импорт машинописного текста ios в проекте VS2019 ASP. NET

Question

Я борюсь с очень простой вещью, или она должна быть простой.

я установил топор ios с помощью команды

npm install axios

в консоли диспетчера пакетов мой проект. тогда у меня есть машинопись, где я хочу ее использовать,

поэтому я использую

import axios from 'axios';

, это мой оригинальный файл машинописи

declare var Vue;

import axios from 'axios';

interface Product {
    Id: number;
    Code: string;
    Description: string;
    Ean: string;
}

var app = new Vue({
    el: '#app',
    data: {
        id: 0,
        code: '',
        description: '',
        ean: ''
    },
    methods: {
        save: function (event) {
            console.log("Saving");
            axios.post('/Umbraco/Api/Products/Update',
                JSON.stringify({
                    Id: app.$data.id,
                    Code: app.$data.code,
                    Description: app.$data.description,
                    Ean: app.$data.ean
                }))
                .then(function (response) {
                    console.log("Saved");
                })
                .catch(function (error) {
                    console.log("Error");
                });
        }
    }
});

function initProduct(product: Product) {
    app.$data.id = product.Id;
    app.$data.code = product.Code;
    app.$data.description = product.Description;
    app.$data.ean = product.Ean;    
}

и затем "по умолчанию" "компилятор машинописи в VS2019 генерирует следующий js файл

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var axios_1 = require("axios");
var app = new Vue({
    el: '#app',
    data: {
        id: 0,
        code: '',
        description: '',
        ean: ''
    },
    methods: {
        save: function (event) {
            console.log("Saving");
            axios_1.default.post('/Umbraco/Api/Products/Update', JSON.stringify({
                Id: app.$data.id,
                Code: app.$data.code,
                Description: app.$data.description,
                Ean: app.$data.ean
            }))
                .then(function (response) {
                console.log("Saved");
            })
                .catch(function (error) {
                console.log("Error");
            });
        }
    }
});
function initProduct(product) {
    app.$data.id = product.Id;
    app.$data.code = product.Code;
    app.$data.description = product.Description;
    app.$data.ean = product.Ean;
}
//# sourceMappingURL=EditProduct.js.map

Каким-то образом я получаю сообщение об ошибке на веб-странице с этой строкой Object.defineProperty (exports," __esModule ", {value: true});

он говорит Uncaught ReferenceError: экспорт не определен.

что происходит со всеми этими типами javascript стандартов и способы импорта требуют, ... это я теряю зрение в лес всех возможностей.

если я смотрю на Google, они всегда используют файл tsconfig. json для настроек или его с. NET Core или его с чем-то другим, но я просто хочу у меня есть базовая вещь c.

Кто-нибудь может мне помочь с этим, или у кого-нибудь есть хорошее руководство, как это сделать?

Answer 1

Что со всеми этими типами javascript стандартов и способов импорта требуют ... это то, что я теряю в лесу все возможности.

Да, это может быть очень запутанным. Может быть, вам следует начать с самого низа и продолжить свой путь. Использование машинописи и топора ios уже содержит много всего, что происходит в фоновом режиме, и без знания этого вы потеряете вас. В мире js большую часть времени можно объединить множество вещей, чтобы сделать общую картину.

Вот что вы можете попробовать :

Сначала вы должны ознакомиться с javascript. Даже / Особенно, если вы хотите использовать машинопись в долгосрочной перспективе, так как ее расширенный набор javascript. Вы можете начать с js учебника по w3schools .

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

Тогда вы можете взглянуть на лепет . Он перенесет более новые версии javascript в более старые версии (поскольку более новые версии еще не поддерживаются браузерами).

Вам также следует проверить такой пакет, как webpack . Он объединит все ваши исходные файлы для удобного распространения.

Затем вы можете проверить машинопись и как использовать его в своем проекте и как автоматизировать использование.

Я думаю, что с этого момента путь к go отличается в зависимости от того, где вы хотите go. Так много вещей, которые нужно обнаружить, например, узел, vue, реагирование, аксиома, graphql ... и этот список можно продолжать и продолжать.

---

Что мне очень помогло, так это начать с самого низа. Простой javascript без чего-либо еще. Познакомьтесь с ним и поработайте над такими вещами, как webpack, babble, node et c. только один за другим. Если вы начнете с установки, в которой все уже содержится, вы не узнаете, как работает каждый отдельный компонент и как их объединить.

Answer 2

Вы должны использовать npm install --save ax ios, иначе зависимость не будет сохранена в пакете. json. А также npm install --save @ types / ax ios для поддержки машинописи.