Question

我有一个js文件，该脚本源于我的HTML文件。我想导入计算机上的程序包和同一文件夹中的本地文件，但是我的chrome开发工具始终出现unexpected identifier错误。

import Twitter from 'twitter'
import config from './config'
console.log('the client and server are connected')

function clearMessage(){
    $('#tweets').empty()
}

function search() {
    for(var i = 0; i < tweets.length; i++){
        var $text = '<p id="text">' + tweets[i].text + '</p>'
        var $username = '<p id="username">' + tweets[i].name + '</p>'
        var $tweets = $('#tweets');
        $tweets.append($text)
        $tweets.append($username)
    }
    setTimeout(function(){  
        clearMessage();
        var searched = document.getElementById("search").value;
        console.log(searched)
        params = {
            q: searched,
            count: 30,
            result_type: 'recent',
            lang: 'en'
        }
        var tw = new Twitter(config)
        tw.get('search/tweets', params, function(err, data, response){
            if(err){
                console.log(err)
            } else {
                for(let i = 0; i < data.statuses.length; i++){
                    let text = data.statuses[i].text
                    let name = data.statuses[i].user.screen_name
                    tweets.push({text, name})
                }
            }
        })
        for(var i = 0; i < tweets.length; i++){
            var $text = '<p id="text">' + tweets[i].text + '</p>'
            var $username = '<p id="username">' + tweets[i].name + '</p>'
            var $tweets = $('#tweets');
            $tweets.append($text)
            $tweets.append($username)
        }
    }, 10000);
}

Answer 1

检查语法错误的快速方法是使用jshint。可以在jshint.com在线获取，也可以通过jshint.com/install作为插件或npm软件包下载。

此外，如果您使用npm安装软件包，请确保从正确的目录导入源。它应该在您根目录下的“ node_modules”目录中。

您应该可以使用命名空间import导入模块

import * as Twitter from "twitter";

或等效的内容：

import Twitter= require("twitter");

以下是经过清理的JS：

import Twitter from 'twitter';
import config from './config';
console.log('the client and server are connected');


function clearMessage(){
    $('#tweets').empty();
}

function search() {
  var $text, $username, $tweets = $('#tweets');

    for(var i = 0; i < tweets.length; i++){
        $text = '<p id="text">' + tweets[i].text + '</p>';
        $username = '<p id="username">' + tweets[i].name + '</p>';
        $tweets.append($text);
        $tweets.append($username);
    }
    setTimeout(function(){  
        clearMessage();
        var searched = document.getElementById("search").value;
        console.log(searched);
        params = {
            q: searched,
            count: 30,
            result_type: 'recent',
            lang: 'en'
        };

        var tw = new Twitter(config);
        tw.get('search/tweets', params, function(err, data, response){
            if(err){
                console.log(err);
            } else {
                for(let i = 0; i < data.statuses.length; i++){
                    let text = data.statuses[i].text;
                    let name = data.statuses[i].user.screen_name;
                    tweets.push({text, name});
                }
            }
        });

        for(var i = 0; i < tweets.length; i++){
            $text = '<p id="text">' + tweets[i].text + '</p>';
            $username = '<p id="username">' + tweets[i].name + '</p>';
            $tweets.append($text);
            $tweets.append($username);
        }
    }, 10000);
}

无法似乎正确地将包导入到我的html文件中的脚本的js文件中

1 个答案: