質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.46%
Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

Q&A

解決済

1回答

507閲覧

as const(constアザーション)をimportして参照するとビルドエラー

hyyrolll

総合スコア0

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

TypeScript

TypeScriptは、マイクロソフトによって開発された フリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。

0グッド

0クリップ

投稿2021/11/24 00:04

編集2021/11/24 01:06

やりたい事

  • TypeScript1をtsconfigのpathsで経由でimportして、TypeScript2で利用

TypeScript1

1import { 2 IsIn, 3 IsNumberString, 4 IsPhoneNumber, 5 IsDateString, 6 IsBooleanString, 7 IsInt, 8 IsString, 9 Min, 10 Length, 11 IsEmail, 12 ValidateNested, 13 IsOptional, 14 Max, 15 Matches, 16 ArrayNotEmpty, 17 ArrayMaxSize, 18} from 'class-validator' 19 20export const fruits = [ 21 'apple', 22 'orange', 23] as const

TypeScript2

1import { fruits } from '~/fruits' 2import { 3 Entity, 4 PrimaryGeneratedColumn, 5 Column, 6 OneToOne, 7 ManyToOne, 8 ManyToMany, 9 JoinTable, 10 OneToMany, 11} from 'typeorm' 12〜略〜 13 14constructor() { 15 const f = fruits // NG 16} 17

発生している問題・エラーメッセージ

TypeScript1でimportしているnpmモジュールについて、These dependencies were not foundのビルドエラーが発生

ERROR Failed to compile with 31 errors friendly-errors 09:01:17 These dependencies were not found: friendly-errors 09:01:17 friendly-errors 09:01:17 * @apollo/federation in ../server/node_modules/@nestjs/graphql/dist/graphql-definitions.factory.js, ../server/node_modules/@nestjs/graphql/dist/federation/graphql-federation.factory.js friendly-errors 09:01:17 * @apollo/gateway in ../server/node_modules/@nestjs/graphql/dist/federation/graphql-gateway.module.js friendly-errors 09:01:17 * @apollo/subgraph in ../server/node_modules/@nestjs/graphql/dist/graphql-definitions.factory.js, ../server/node_modules/@nestjs/graphql/dist/federation/graphql-federation.factory.js friendly-errors 09:01:17 * @apollo/subgraph/dist/directives in ../server/node_modules/@nestjs/graphql/dist/graphql-schema.builder.js friendly-errors 09:01:17 * @nestjs/microservices in ../server/node_modules/@nestjs/core/nest-application.js friendly-errors 09:01:17 * @nestjs/microservices/microservices-module in ../server/node_modules/@nestjs/core/nest-application.js friendly-errors 09:01:17 * @nestjs/websockets/socket-module in ../server/node_modules/@nestjs/core/nest-application.js friendly-errors 09:01:17 * apollo-server-fastify in ../server/node_modules/@nestjs/graphql/dist/graphql.module.js, ../server/node_modules/@nestjs/graphql/dist/federation/graphql-federation.module.js friendly-errors 09:01:17 * cache-manager in ../server/node_modules/@nestjs/common/cache/cache.providers.js friendly-errors 09:01:17 * class-transformer/storage in ../server/node_modules/@nestjs/mapped-types/dist/type-helpers.utils.js friendly-errors 09:01:17 * fs in ../server/node_modules/@nestjs/graphql/dist/graphql-types.loader.js, ../server/node_modules/@nestjs/graphql/dist/schema-builder/helpers/file-system.helper.js and 14 others friendly-errors 09:01:17 * net in ../server/node_modules/express/lib/request.js friendly-errors 09:01:17 * ts-morph in ../server/node_modules/@nestjs/graphql/dist/graphql-ast.explorer.js

補足情報(FW/ツールのバージョンなど)

Nuxt: ^2.15.7
TypeScript: 4.2.4

※importしなければエラーにならないです。

TypeScript

1import { 2 IsIn, 3 IsNumberString, 4 IsPhoneNumber, 5 IsDateString, 6 IsBooleanString, 7 IsInt, 8 IsString, 9 Min, 10 Length, 11 IsEmail, 12 ValidateNested, 13 IsOptional, 14 Max, 15 Matches, 16 ArrayNotEmpty, 17 ArrayMaxSize, 18} from 'class-validator' 19 20export const fruits = [ 21 'apple', 22 'orange', 23] as const 24 25constructor() { 26 const f = fruits // OK 27}

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

maisumakun

2021/11/24 00:07

> TypeScript1でimportしているnpmモジュールについて TypeScript1にimport文など書かれていないのですが、エラー内容は間違いないのですか?
hyyrolll

2021/11/24 00:17 編集

すみません、追記しました。 class-validatorの依存モジュールが軒並みエラーに出てしまいます。
maisumakun

2021/11/24 00:50 編集

逆に、class-validatorのimportなしでas constだけのexportでも問題は起きるのでしょうか? (それなら問題ないとしたら、タイトルが間違っていることになります)
hyyrolll

2021/11/24 00:52

class-validatorのimportを消しても同じエラーが出ます
maisumakun

2021/11/24 00:53

本当に「同じエラー」ですか? (class-validatorのimportをしていないのに、それにまつわるエラーが出るとは、にわかには考えづらいです)
hyyrolll

2021/11/24 01:05

同じエラーでした。 TypeScript2側でimportしていたnpmモジュールに関するエラーかもしれません。 import { Entity, PrimaryGeneratedColumn, Column, OneToOne, ManyToOne, ManyToMany, JoinTable, OneToMany, } from 'typeorm'
maisumakun

2021/11/24 01:06

> TypeScript2側でimportしていたnpmモジュールに関するエラーかもしれません。 次々に後出しされては、何を信じていいのかわからなくなります。 外部のライブラリも読み込まない最低限にして、表題のエラーは再現するのでしょうか?
hyyrolll

2021/11/24 01:18

すみません。 TypeScript2側のimportを全部消して最低限にしてみたところ、エラーが解消されました。 as constの部分は問題なくビルド通ってるので、やはりタイトルが間違ってました。 もう一度よく見直します。ありがとうございました。
guest

回答1

0

自己解決

タイトル誤り。
TypeScript2側にあった未記載のimportを全て消すと、
as constをimportした状態で動きました。

投稿2021/11/24 01:36

hyyrolll

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.46%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問