开发者社区> 问答> 正文

控制台chrome检查元素中没有输出(Webpack配置)

你好,我看不到我的铬元素输出。以下是我的文件。 https://i.stack.imgur.com/fhn3E.jpg https://i.stack.imgur.com/TOuXj.jpg

const path = require("path");

    module.exports = {
      entry: ["./src/js/index.js"],
      output: {
        path: path.resolve(__dirname, "dist/js"),
        filename: "bundle.js"
      }
    };

https://i.stack.imgur.com/SulP0.jpg

{
  "name": "forkify",
  "version": "1.0.0",
  "description": "forkify project",
  "main": "index.js",
  "scripts": {
    "dev": "webpack --mode development",
    "build": "webpack --mode production"
  },
  "author": "Gaurav Yadav guided by Jonas",
  "license": "ISC",
  "devDependencies": {
    "webpack": "^4.41.2",
    "webpack-cli": "^3.3.10"
  }
}

https://i.stack.imgur.com/os28l.jpg

console.log("Export data");
    export default 23;

https://i.stack.imgur.com/GEiAn.jpg

// Global app controller
import num from "./test";
console.log(`${num} from test`);

https://i.stack.imgur.com/T6m8u.jpg

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>test</title>
  </head>
  <body>
    <script>
      src = "js/bundle.js";
    </script>
  </body>
</html>

我的项目文件夹名是FORKIFY。有三个子文件夹 dist,src,nodemodules和三个文件 pacakage-lock.json,pacakage.json,webpack.config.js。目录图像目录。请让我知道为什么我的控制台是空的?我在跟踪这段视频进行编码 问题在哪里,在哪个文件里??我需要更改我的webpack配置文件吗? https://www.youtube.com/watch?v=sBEryysS1Tg&list=PL15NLmjJalxydhO9orvXv_yvgZEfrDQvX&index=127

展开
收起
sossssss 2019-12-09 18:22:46 1727 0
0 条回答
写回答
取消 提交回答
问答排行榜
最热
最新

相关电子书

更多
基于webpack和npm的前端组件化实践 立即下载
DTS控制台一本通 立即下载
WEB浏览器中即将发生的安全变化 立即下载