Rails webpacker导入问题

Question

我正尝试在我的rails应用程序中使用一个名为jsViewer的javascript库。

如果我直接在HTML中导入该库，则使用该库没有任何问题。

例如HTML

<script type="text/javascript" src="../src/javascript/JSViewerLoader.js"></script>
<script type="text/javascript" src="../src/javascript/docxjs/DocxJS.bundle.min.js"></script>

然而，当我试图使用通过webpacker导入的库时，我收到了开发人员控制台错误。

​

​

例如application.js

import $ from 'jquery';
window.jQuery = $;
window.$ = $;

import Rails from 'rails-ujs';
import Turbolinks from 'turbolinks';
Rails.start();
Turbolinks.start();

import '../src/javascript/JSViewerLoader.js'
import '../src/javascript/docxjs/DocxJS.bundle.min.js'

为什么会发生这种情况?我该如何解决这个问题？

Answer 1

使用rails 6中的javascript pack，您可以通过两个简单的步骤手动添加js库。

• 将js文件添加到app/javascript/packs
• ，然后在app/javascript/packs/application.js中使用

将其导入

require('packs/JSViewerLoader.js');

或者，您可以先使用yarn安装js文件。然后，稍后导入它。(您的库似乎不支持这种安装)

# Run this on your terminal
yarn install aJsLibrary

# add this line to your app/javascript/packs/application.js
window.aJsLibrary = require('aJsLibrary');