Javascript 如何将npm包中的JS文件包含到Nuxt.JS中的单独页面

我有几个

npm

包，其中包含客户端脚本，我想将它们包含在我的Nuxt.js项目的各个页面中。我已经尝试过这样做：

<script>
export default {
  head: {
    script: [
      { src: "gojs/release/go.js", type: "text/javascript" }
    ]
  },

  // ...
}
</script> 

导出默认值{
负责人：{
脚本：[
{src:“gojs/release/go.js”，键入：“text/javascript”}
]
},
// ...
}

但收到

404（未找到）

错误。正确的方法是什么？

通常，为构建包含该依赖关系，您只需使用模块（例如，使用“gojs”）并在代码中使用它。加载NPM模块时无需添加标题

MyFoo.vue

中的示例：

<script>
import go from 'gojs'

export default {
  mounted() {
    const $ = go.GraphObject.make;
    const myDiagram =
      $(go.Diagram, "myDiagramDiv",
        {
          "undoManager.isEnabled": true
        });

    ...
  }
}
</script>

从“gojs”导入go
导出默认值{
安装的（）{
const$=go.GraphObject.make；
常数myDiagram=
$（go.Diagram，“myDiagramDiv”，
{
“undoManager.isEnabled”：真
});
...
}
}

通常，为构建包含该依赖项所需做的就是从“gojs”导入模块并在代码中使用它。加载NPM模块时无需添加标题

MyFoo.vue

中的示例：

<script>
import go from 'gojs'

export default {
  mounted() {
    const $ = go.GraphObject.make;
    const myDiagram =
      $(go.Diagram, "myDiagramDiv",
        {
          "undoManager.isEnabled": true
        });

    ...
  }
}
</script>

从“gojs”导入go
导出默认值{
安装的（）{
const$=go.GraphObject.make；
常数myDiagram=
$（go.Diagram，“myDiagramDiv”，
{
“undoManager.isEnabled”：真
});
...
}
}

---

尝试将文件包括为（例如，

/assets/static/gojs/release/go.js

），这将使它们在根目录（

/

）中可用。然后在你的

.vue

中，

src

url的前缀应该是

/

（

/gojs/release/go.js

）。是的，我知道这种方法，但我想包括

节点模块的脚本，所以当我用npm更新包时，它们会被更新。用ssr false插件导入它们不合适？哦，我误解了。通常，导入模块（例如，使用
import-go from'gojs'
）并在代码中使用它是构建包含该依赖项所需要做的全部工作。请参阅@DmytroZarezenko No problem:）尝试将文件包括为（例如，
/assets/static/gojs/release/go.js
），这将使它们在根目录中可用（
/
）。然后在你的
.vue
中，
src
url的前缀应该是
/
（
/gojs/release/go.js
）。是的，我知道这种方法，但我想包括
节点模块的脚本，所以当我用npm更新包时，它们会被更新。用ssr false插件导入它们不合适？哦，我误解了。通常，导入模块（例如，使用
import-go from'gojs'
）并在代码中使用它是构建包含该依赖项所需要做的全部工作。请参阅@DmytroZarezenko没问题：）