小编psn*_*nan的帖子

使用构建文件在 Azure 上启动 Nuxt SSR 应用程序

根据这个 Nuxt 文档页面,一旦我运行yarn build,“Nuxt.js 将创建一个 .nuxt 目录,其中的所有内容都准备好部署在您的服务器托管上。”

根据其他一些 演练,还有一些其他必需的项目:、和 static/**package.jsonnuxt.config.js

其中一篇文章以及Nuxt 页面上有关使用 IIS 部署到 Azure 的说明表示server.js需要一个文件,但我想坚持“里面的所有内容都准备好部署”。我的 Azure 应用服务也是针对 Linux 设置的,而不是针对 IIS 设置的。

然而,在我部署这些文件/文件夹npm run start(映射到nuxt start)后,会抛出一个错误,指出 nuxt 不是可识别的命令。这是有道理的,因为我还没有安装这些软件包。

我还尝试使用node .nuxt/server.js和启动 ssr 应用程序node .nuxt/dist/server/server.js。这些都不起作用。

我真的想坚持所说的“Nuxt.js 将创建一个 .nuxt 目录,其中的所有内容都准备好部署在您的服务器托管上”,而不是在部署后复制node_modules或必须复制npm install

我在这里缺少哪些文件或命令,这可能吗?

  • 节点版本为14.16
  • Nuxt版本是2.15.3版本的全新安装

nuxt.config.js

export default {
  // Global page headers: https://go.nuxtjs.dev/config-head
  head: {
    title: "test-nuxt-app", …
Run Code Online (Sandbox Code Playgroud)

deployment azure vue.js server-side-rendering nuxt.js

5
推荐指数
1
解决办法
1273
查看次数

Webpack babel-loader没有解析箭头功能

我正在添加一些现有网站的反应,我正在尝试设置webpack和babel.当我不尝试包含箭头功能或传播时,Webpack正常工作.当我尝试包含这些时,我收到"意外令牌"错误.我搜索了几个小时,所以对此有任何帮助都会很棒.我在Windows上.

webpack.config.js

const webpack = require("webpack");
const path = require("path");

module.exports = {
    entry: {
        homeRefine: [path.join(__dirname, './js/react/src/home-refine.js')]
    },
    module: {
        loaders: [
            {
                test: /\.jsx?$/,
                exclude: /node_modules/,
                loader: 'babel-loader',
                query: {
                    presets: ["es2015", "react"]
                }
            }
        ]
    },
    output: {
        filename: '[name].bundle.js',
        path: path.join(__dirname, './js/react/dist')
    }
};
Run Code Online (Sandbox Code Playgroud)

的package.json

{
  "name": "blank",
  "version": "1.0.0",
  "devDependencies": {
    "autoprefixer": "^6.3.7",
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.9",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "browser-sync": "^2.13.0",
    "gulp": "^3.9.1",
    "gulp-concat": "^2.6.0",
    "gulp-postcss": "^6.1.1",
    "gulp-sass": "^2.3.2",
    "gulp-sourcemaps": "^1.6.0",
    "react": "^15.4.1", …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs webpack babeljs

2
推荐指数
1
解决办法
1564
查看次数

删除AngularJS中的对象

我在AngularJS中有一个$ rootScope对象,如下所示:

$rootScope.stuff = {
    someId: {
        name: "Patrick",
        age: 105
    },
    anotherId: {
        name: "Joseph",
        age: 94
    }
};
Run Code Online (Sandbox Code Playgroud)

我有一个函数定义,将对象添加到$ rootScope.stuff,它工作正常:

$rootScope.addSomeStuff = function(id, data) {
    $rootScope.stuff[id] = data;
};
Run Code Online (Sandbox Code Playgroud)

但是,我也有一个试图删除的功能(基于https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/delete),它不起作用:

$rootScope.deleteStuff = function(id) {
    delete $rootScope.stuff[id];
};
Run Code Online (Sandbox Code Playgroud)

当我检查$rootScope.stuff[id]我得到了我想删除的正确对象.我也尝试过拼接,但是它会像我想的那样抛出一个错误.有什么建议?谢谢.

javascript object angularjs angularjs-rootscope

0
推荐指数
1
解决办法
5878
查看次数