反应外部脚本控制台日志未显示

Question

正如问题所述，我通过将这一行放入index.html加载了一个外部脚本

<script type="text/js"  src="../src/js/compress.js"></script>

我的compress.js就是这样

import axios from "axios";
import Compressor from "compressorjs";

$(document).ready (function() {
  console.log("asass");
});

我的控制台显示，

我错过了这么明显的东西吗？为什么控制台日志消息不显示？

Answer 1

将外部脚本添加到您的反应代码中不是正确的方法。

您的组分

// src/path/Compressor.js

...
export default YourCompressor;

另一个文件

// src/App.js
import YourCompressor from "./path/Compressor.js";
...

仅此而已，不需要在外部添加文件。

不要忘记使用import在浏览器中会出错，并且您必须使用 bable 来使用reactjs。