我正在构建小型 js es6 库。
class Library {
get(key) {
console.log("Get")
}
set(key, value, options) {
console.log("Set")
}
delete(key) {
console.log("Delete")
}
}
export default Library
我正在使用 laravel-mix 来编译代码。
let mix = require('laravel-mix')
mix.js('src/index.js', 'dist')
然后我在 HTML 中导入已编译的脚本:
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<h1>Title</h1>
<script src="../dist/index.js"></script>
<script>
var lib = new Library();
</script>
</body>
</html>
但是我得到 js 错误:Uncaught ReferenceError: Library is not defined
我做错了什么?
最佳答案
您不能在 HTML 引用中使用 ../- 应该是网络路径而不是文件路径 - 我认为这就是问题所在。
关于javascript - 用 laravel-mix 编译的 ES6 库不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57906079/