[解決] error TypeError: Cannot set property 'ts' of undefined - Qiita
TL:DR; nuxt.jsメジャーバージョン上がったらmodules/typescript.jsの書き方が変わっていた。 おわり。 承前 TypeScript+Nuxt.jsでやってます。単一ファイルコンポーネントだいすき。 あるていど開発が進んだところで、yarn run devとかやっとってもChromeが読み込みを終えてくれない病にかかりました。単純なページはいいものの、裏側でAPI叩いてるページの処理が終わらないケースが増えました。不思議とFirefoxは動く。 いちおうこの件は解決できたので、しょぼい激闘の記録をここに残します。 package.json（抜粋）はこんな具合。7000番で起動してるのはこちらの都合。 "scripts": { "dev": "nuxt --envname=dev --port 7000", "build": "nuxt build --envna
![[解決] error TypeError: Cannot set property 'ts' of undefined - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f5ad4efd968a766807b9e55b5181974c07ce59e4/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCJUU4JUE3JUEzJUU2JUIxJUJBJTVEJTIwZXJyb3IlMjBUeXBlRXJyb3IlM0ElMjBDYW5ub3QlMjBzZXQlMjBwcm9wZXJ0eSUyMCUyN3RzJTI3JTIwb2YlMjB1bmRlZmluZWQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTZmZDFlYzc4N2M1MGQ0OTlkZThkMzAzYjkwNjY1OTZk%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGFsaSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9OTQ3OWUxM2NmMDZkNGE2M2M3ZjQyM2UwNDgyN2IwN2U%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3Deaef107b340afd2b38aa7e27506e018c)
【Vue】VueCLI3に頼らずVue.jsの開発環境構築をする 【babel7, .vueファイルのeslint + prettierなど】 - Qiita
【Vue】VueCLI3に頼らずVue.jsの開発環境構築をする 【babel7, .vueファイルのeslint + prettierなど】Vue.jswebpackESLintprettier Vue.jsの開発環境を手作りした話 書いた日：18/10/19 手動で構築した開発環境は暖かみがちがう 古事記にもそう書かれている 動機 環境構築手動でやるのが好きになって来たこの頃、 VueCLIを久しぶりに触ってびっくりしました なんやこれ！ $ vue add @vue/eslint って何！？ 知らんところで色々起きるの！こわ！！富豪的すぎない！？ https://cli.vuejs.org/guide/plugins-and-presets.html#plugins と思いイチから環境構築した話 単一ファイルコンポーネントのeslint/prettierにも興味があったしね！ Vue
Vue.jsの環境構築 (mac) - Qiita
概要 vue.jsをSPAとして使ってみようと思って環境を作るのに調べた内容をメモしておく。 node.jsインストール まず、ベースとなるnode.jsを「brew」と「nodebrew」を使ってインストールしてみる。 # nodebrewインストール $ brew install nodebrew $ mkdir -p ~/.nodebrew/src # <- フォルダ作ってないとinstallでコケる $ nodebrew -v nodebrew 1.0.1 # インストール可能なnode.jsのリストを表示 $ nodebrew ls-remote # version8.9.4をインストール $ nodebrew install-binary v8.9.4 $ nodebrew ls $ nodebrew use v8.9.4 # nodeとnpmコマンドのパスを通す $ node
webpackでファイルの出力先を複数指定する - Qiita
dist/ - server.bundle.js public/ - client.bundle.js src/ - client.js - server.js package.json webpack.config.js const path = require('path') const nodeExternals = require('webpack-node-externals') const env = process.env.NODE_ENV || 'development' const isDevelopment = env === 'development' module.exports = { mode: env, target: 'node', devtool: isDevelopment ? 'source-map' : false, entry: { 'public
eslintの設定からprettierとの併用までの流れ - Qiita
$ yarn eslint --init ? How would you like to configure ESLint? Answer questions about your style ? Which version of ECMAScript do you use? ES2018 ? Are you using ES6 modules? Yes ? Where will your code run? Browser ? Do you use CommonJS? Yes ? Do you use JSX? Yes ? Do you use React? No ? What style of indentation do you use? Spaces ? What quotes do you use for strings? Single ? What line endings d
nycのカバレッジにwebpackでビルドしたソースが含まれるのを阻止する - Qiita
概要 自分のライブラリのカバレッジがとても低く、何故なんだろうと思っていて調べたのですが、webpack側で作ったソースが含まれていたのが原因でした。 今回はその対応するために結構苦労したのでメモしておきます。 webpackのソースが含まれている時のカバレッジ(間違い) 自分のソースのみのカバレッジ(正しい) webpackでソースマップの出力をする devtool: 'inline-source-map'って所です。この設定を有効化することによってビルドファイルの中にソースマップを含めることができます。 この設定をしないとnyc側で元のソースを辿って正しいカバレッジを取得することができません。注意しましょう。 var nodeExternals = require('webpack-node-externals'); module.exports = { mode: 'developm
Webpack Level 4: Webpack Pluginsを用いて静的サイトをS3に自動デプロイ - Qiita
こんにちは！高野です。 Webpack Level Upシリーズもついに第4回。今回はPluginの設定方法について調べていきます。 実はこのPluginを使いこなせればできることの枠が大幅に広がり、果ては ビルド結果をgzip化してS3にアップロードし、CloudFrontのinvalidationまで自動化する なんていうデプロイ自動化までできちゃったりします。夢が広がりますね。 それでは、始めましょう。 コンテンツ Webpack Level 1: 裸のWebpackのデフォルト動作を理解する Webpack Level 2: 設定ファイルをカスタマイズする Webpack Level 3: loadersを追加して.js以外のファイルを結合する Webpack Level 4: Webpack Pluginsを用いて静的サイトをS3に自動デプロイ <- 今ここ 設定方法 Plugi
C++/Vue.js/WebpackでSPAサンプルを作った話 - Qiita
はじめに 「C++のWebフレームワークでWeb開発がやりたいなぁ……」と思い、アレコレ調べていたら、Lunaというフレームワークを見つけたのが事の発端。 で、いろいろ弄ってるうちに「これ、Vue.js使ってSPAにできそう？」となり作ってみた。 なお、ソースコードは下記 S-H-GAMELINKS/LunaWithVue やったこと Luna編 LunaはGCC/ClangとCMake、それとConanというC++のパッケージマネージャを使うことで導入できる。 その為、まずやったことはConanのインストール。 Conanのインストール https://conan.io/からバイナリをダウンロードして実行するだけ。 Conanのパッケージ依存をよしなにする conan remote add vthiery https://api.bintray.com/conan/vthiery/con
React & TypeScript をシンプルに始める(create-react-appなし) - Qiita
注意 この記事は2018年12月時点のものであり、 awesome-typescript-loaderなど現在は利用されていないようなものを利用していたりします。 webpackの設定なども多少最新のものと異なりますのでご注意ください。 （余力があれば新しい記事を書いてリンクしたいと思います ココ最近では 「Reactを触るならTypeScript！」っていうのが デファクトスタンダードになっていると思います。（願望） 布教も兼ねて TypeScript & React を１からシンプルに始める方法をまとめてみました。 ちなみに本家が出しているcreate-react-appは利用しません！ 環境構築 利用する技術について最初にまとめておきます Yarn TypeScript React.js webpack webpack-dev-server プロジェクトの作成
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Laravel 5 アセットのコンパイル(Laravel Mix) 構築でのエラー解消（訂正） - Qiita
css-loaderのsourceMapがスタイル適用の遅延を招く - Qiita
Laravel 開発環境構築 備忘録2 laravel mixの設定 - Qiita
rails-ujsを使うとWebpackのHot Module Replacementが効かない時の対処法
[React][JavaScript] localidentnameを使った開発/テスト/ビルド環境整備 - Qiita
[React][TypeScript] localidentnameを使った開発/テスト/ビルド環境整備 - Qiita
Vue で font-awesome を使おうとしたら font が読み込めなかった。 - Qiita
webpack初級 - Qiita
prettierのインデント幅の設定 - Qiita
【2018年】Webpack4でVue.js単一ファイルコンポーネントの作り方 - Qiita
ディレクトリ（webpack）