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

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

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

你的组件

// src/path/Compressor.js

...
export default YourCompressor;

另一个文件

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

这就足够了，不需要添加外部文件。

不要忘记使用 import 在浏览器中有错误，你必须使用 bable 才能使用 reactjs。

React external script console log not showing