亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Webpack 不能使用 jQuery

Webpack 不能使用 jQuery

當年話下 2022-10-08 10:37:16
我開始使用 webpack(版本 3),當我嘗試從我的“app.js”文件中使用 jQuery 時,什么也沒有發生:我 npm install --save jquery 和:import $ from 'jquery'$('body').css('backgroundColor', '#DD0000')document.body.style.backgroundColor = "red";當我嘗試使用 document.body.style.backgroundColor = "red"; 更改 CSS 時 它告訴我“無法讀取 null 的屬性樣式”但對于其余的工作,我的意思是我成功地嘗試了這個:import json from "./test"console.log(json)這是我的 HTML 頭部:<head>   <meta charset="UTF-8">   <meta name="viewport" content="width=device-width, initial-scale=1.0">   <title>Webpack</title>   <link rel="stylesheet" href="./styles.css">   <script src="./dist/bundle.js"></script></head>這是我的 webpack 配置:const path = require("path");const uglify = require("uglifyjs-webpack-plugin");module.exports = {    watch: true,    entry: './app.js',    output: {        path: path.resolve('./dist'),        filename: 'bundle.js'    },    module: {        rules: [            {                test: /\.jsx?$/,                exclude: /(node_modules|bower_components)/,                use: ["babel-loader"],            }        ]    },    plugins: [        new uglify(),    ]}你知道我做錯了什么嗎?
查看完整描述

1 回答

?
呼啦一陣風

TA貢獻1802條經驗 獲得超6個贊

您在該<head>部分中插入了腳本。而且由于 JS 是阻塞的,它在被解析和存在之前就在那里執行<body>(所以它是null)。


如果你想讓它工作,或者把你的腳本放在文檔的末尾,就在結束</body>標記之前,或者等待文檔被加載:


window.addEventListener('DOMContentLoaded', function() {

 // Here, you can use document.body

});

或者,在 jQuery 語法中:


$(function() {

 // Here, you can use document.body

});


查看完整回答
反對 回復 2022-10-08
  • 1 回答
  • 0 關注
  • 204 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號