Question

我的应用程序只是通过运行此命令生成：

vue init webpack

模板应用程序只安装了vue-router，通过回答＆＃34; Y＆＃34;关于巫师的第四个问题。

我想在node_modules文件夹中包含jquery：

npm install --save jquery

然后我添加这个

<head>
    <script src="node_modules/jquery/dist/jquery.js"></script>
</head>

<{1>}页面上的

。

下一步：

index.html

应用程序正确启动但我在npm run dev上获得了404。

除了jquery.js中的那一行外，我从未接触过整个应用程序中的任何内容。

我们在更大的应用程序中遇到同样的问题，但我们不知道我们是否可以在较小的应用程序上重现......但我们设法做到了。

Answer 1

您必须在组件中导入它。 webpack管理依赖项。

如果您使用过vue init webpack，那么您也在使用 vue-loader ，以便将jquery添加到Hallo组件中，您可以这样做

首先，您已完成npm install --save jquery

之后打开文件App.vue并在部分添加导入：

<script>
import Hello from './components/Hello'
import jquery from 'jquery'

export default {
  name: 'app',
  components: {
    Hello
  }
}
</script>

不确定您在寻找什么，但这是您添加第三方库的方式

在Vue.js应用程序的index.html中包含脚本会产生404

1 个答案: