Cannot use import statement outside a module

Question

import {
    fn
} from "./fn"

// class Student {
//     constructor(name, number) {
//         this.name = name
//         this.number = number
//         // this.gender = male
//     }
//     sayHi() {
//         console.log(`姓名 ${this.name} , 学号 ${this.number}`)
//     }
// }

// // 通过类 new 对象/实例
// const xialuo = new Student('夏洛', 100)
// console.log(xialuo.name)
// console.log(xialuo.number)
// xialuo.sayHi()

// const madongmei = new Student('马冬梅', 101)
// console.log(madongmei.name)
// console.log(madongmei.number)
// madongmei.sayHi()

/**
 * class-demo2
 */
// 父类
// class People {
//     constructor(name) {
//         this.name = name
//     }
//     eat() {
//         console.log(`${this.name} eat something`)
//     }
// }

// class Student extends People {
//     constructor(name, number) {
//         super(name)
//         this.number = number
//     }
//     sayHi() {
//         console.log(`姓名 ${this.name} 学号 ${this.number}`)
//     }
// }

// class Teacher extends People {
//     constructor(name, major) {
//         super(name)
//         this.major = major
//     }
//     teach() {
//         console.log(`${this.name} 教授 ${this.major}`)
//     }
// }
// const xialuo = new Student('夏洛', 100)
// console.log(xialuo.name)
// console.log(xialuo.number)
// xialuo.sayHi()
// xialuo.eat()

// const wanglaoshi = new Teacher('王老师', '语文')
// console.log(wanglaoshi.name)
// console.log(wanglaoshi.major)
// wanglaoshi.teach()
// wanglaoshi.eat()

/**
 * jquery-demo
 */
class jQuery {
    constructor(selector) {
        const result = document.querySelectorAll(selector)
        const length = result.length
        for (let i = 0; i < length; i++) {
            this[i] = result[i]
        }
        this.length = length
        this.selector = selector
    }
    get(index) {
        return this[index]
    }
    each(fn) {
        for (let i = 0; i < this.length; i++) {
            const elem = this[i]
            fn(elem)
        }
    }
    on(type, fn) {
        return this.each(elem => {
            elem.addEventListener(type, fn, false)
        })
    }
}

class-demo.js:1 Uncaught SyntaxError: Cannot use import statement outside a module

Answer 1

双越 2020-01-06 21:19:53

先不要使用 import ，等学到 webpack 再用。

或者先去看看 webpack 的配置，搭建 webpack 环境。import 要配合 webpack 使用。