gpt4 book ai didi

javascript - <script/> 与 <script></script> 使用 webpack 和 Angular

转载 作者:行者123 更新时间:2023-12-02 14:45:46 32 4
gpt4 key购买 nike

经过两天的 Angular 与 Webpack 集成斗争,我发现了一个非常奇怪的行为。

在我的 html 文件中,我已经包含了捆绑的 JS 源

<script src="bundle.js"/>

这根本不起作用。在我故意将行更改为

之后
<script src="bundle.js"></script>

突然间一切都很好。

<script/>浏览器控制台中的 html 样式看起来是有线的(使用 ie 和 chrome 进行测试):

<body ng-app="app">
<h1>Angular + Webpack</h1>

<script src="bundle.js">

<p>{{1+1===2}}</p>

</body> <-- why is this inserted
</html> <-- why is this inserted
</script> <-- where is this comming from
</body>

<h1>标题在浏览器中可见,其他所有内容均不显示。

我的index.html看起来像这样

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>Angular with Webpack</title>
</head>
<body ng-app="app">
<h1>Angular + Webpack</h1>

<!-- strange behaviour with <script src="bundle.js"/> -->
<script src="bundle.js"></script>

<p>{{1+1===2}}</p>

</body>
</html>

index.js

import angular from 'angular';
var ngModule = angular.module('app', []);

还有 webpack.config.js

module.exports = {
debug: true,
devtool: 'source-map',
context: __dirname + '/app',
entry: './index.js',
output: {
path: __dirname + '/app',
filename: 'bundle.js'
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: "babel-loader"
}
]
}

};

有没有解释为什么 <script/>样式不起作用?

最佳答案

在 HTML 中允许使用自闭合标签,但会被忽略。也就是说,您可以在标记末尾包含 / 字符,但它没有任何意义。因此

<script .../>

完全相同
<script ...>

就 HTML 而言。

关于javascript - &lt;script/> 与 &lt;script&gt;&lt;/script&gt; 使用 webpack 和 Angular,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36624134/

32 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com