文章 专题 AI工具 学习 下载 问答 源码 最近更新
PHP
会员中心 讲师中心 微信公众号
node.js - webpack-dev-server运行后，找不到bundle.js
PHPz
PHPz 2017-04-17 16:32:44
[Node.js讨论组]
0 2 1142
举报

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<code><!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>可爱的D3</title>

</head>

<body>

    <ng2-d3>

        数据加载中……

    </ng2-d3>

    <script src="./dist/bundle.js"></script>

</body>

</html></code>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<code>var webpack = require('webpack');

var openBrowser = require('webpack-browser-plugin');

 

module.exports = {

    entry: './src/main.ts',

 

    output: {

        filename: '/dist/bundle.js'

    },

 

    resolve: {

        extensions: ['.ts', '.js']

    },

 

    module: {

        loaders: [

            {

                test: /\.ts$/,

                loader: 'ts-loader'

            }

        ]

    },

    devServer: {

        hot: true,

        inline: true

    },

    plugins: [new openBrowser()]

};</code>

运行中没有报错，但打开页面后报错了！

是不是少了什么配置？

PHPz
PHPz

学习是最好的投资！

全部回复(2)
PHP中文网
PHP中文网2017-04-17 16:34:44 2楼

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

<code>1. 将<script src="./dist/bundle.js"></script>

    改成<script src="bundle.js"></script>

 

2. 在命令行输入webpack-dev-server --content-base dist/         /*指定启动目录*/

 

webpack-dev-server如果不指定目录，则默认是当前目录。

 

如果第二步感觉每次都指定很麻烦的话，你可以在package.json中的

"scripts": {

    "start": "webpack-dev-server --content-base dist/"

},

然后每次启动的时候输入npm start就可以了。

（个人意见，仅供参考，希望对你有帮助）

 

</code>

赞 +0
添加回复
大家讲道理
大家讲道理2017-04-17 16:34:44 1楼

1

2

3

4

5

<code>entry: [

    'webpack-dev-server/client?http://127.0.0.1:8080',

    'webpack/hot/only-dev-server',

    './src/main.ts'

  ]</code>

赞 +0
添加回复
专题推荐
更多>
热门话题
热门教程
更多>
相关教程
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
app下载
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部